前言
在上篇文章中我们解决了游戏元素显示问题和封装成类,该篇文章我们将
解决点击消除游戏元素。
一、获取鼠标点击事件
1.获取鼠标点击坐标
在python小游戏开心消消乐制作2中我们完成了鼠标点击关闭游戏窗口,而现在我们想要获取鼠标点击事件,我们可以通过对event.type
进行判断是否是鼠标按下操作:
if event.type == pygame.MOUSEBUTTONDOWN:
print("button down")
通过上面的代码我们就可以判断是否是鼠标按下操作。而为了使得某一个矩形元素进行消除,我们还需要获得鼠标按下时的坐标。在这里我们可以通过event.pos
属性来获得鼠标按下时的坐标。
具体代码如下:
for event in pygame.event.get():
if event.type == pygame.QUIT:
sys.exit(0)
elif event.type ==pygame.MOUSEBUTTONDOWN:
x,y = event.pos
print(x,y)
完整代码如下:
-main.py
import pygame
import sys
import time
import random
from MagicBlock import Block
SCREEN_WIDTH = 800
SCREEN_HEIGHT = 600
if __name__ == '__main__':
pygame.init()
screen = pygame.display.set_mode((SCREEN_HEIGHT,SCREEN_WIDTH))
pygame.display.set_caption("happy remove")
screen.fill((124,114,242))
blocks=[[0]*8 for i in range(8)]
for i in range(8):
for j in range(8):
#位置的计算公式为left = 起始left位置+元素宽度*j,top=起始top位置+元素高度*i
blocks[i][j] = Block(screen,20+50*j,20+50*i,50,50,(random.randint(0,255),random.randint(0,255),random.randint(0,255)))
blocks[i][j].draw()
#更新窗口
pygame.display.update()
while True:
#获取鼠标响应
for event in pygame.event.get():
if event.type == pygame.QUIT:
sys.exit(0)
elif event.type ==pygame.MOUSEBUTTONDOWN:
x,y = event.pos
print(x,y)
pygame.display.update()
time.sleep(0.3)
我们尝试在左下角元素处点击可以看出终端输出结果75 303
,这个根据不同点击位置不同会得到不同的值。
2.获取点击坐标对应的游戏元素坐标
但是我们会发现我们获得的值只是相对于屏幕的坐标而已,我们需要将这个坐标转换为游戏元素在blocks
矩阵中x,y
的值。
我们可以看到游戏元素的距离左边窗口位置的计算公式为left = 起始left位置+元素宽度*j
,那么我们想要获得j
的值,通过恒等变形我们可以得到j=(left-游戏元素起始left位置)/游戏元素宽度
,那么我们就可以通过这个等式来获取游戏元素列坐标j
的值,同理可以得到行坐标的值i=(top-游戏元素起始top位置)/游戏元素长度
。
由于i,j
是整数,所以我们可以通过python中//
整除符号来整除前面括号中的值。具体代码如下:
for event in pygame.event.get():
if event.type == pygame.QUIT:
sys.exit(0)
elif event.type ==pygame.MOUSEBUTTONDOWN:
x,y = event.pos
i = (x-20)//50 #20为游戏元素起始top位置,50为游戏元素长度
j = (y-20)//50#20为游戏元素起始left位置,50为游戏元素宽度
print(i,j)
完整代码如下:
-main.py
import pygame
import sys
import time
import random
from MagicBlock import Block
SCREEN_WIDTH = 800
SCREEN_HEIGHT = 600
if __name__ == '__main__':
pygame.init()
screen = pygame.display.set_mode((SCREEN_HEIGHT,SCREEN_WIDTH))
pygame.display.set_caption("happy remove")
screen.fill((124,114,242))
blocks=[[0]*8 for i in range(8)]
for i in range(8):
for j in range(8):
#位置的计算公式为left = 起始left位置+元素宽度*j,top=起始top位置+元素高度*i
blocks[i][j] = Block(screen,20+50*j,20+50*i,50,50,(random.randint(0,255),random.randint(0,255),random.randint(0,255)))
blocks[i][j].draw()
#更新窗口
pygame.display.update()
while True:
#获取鼠标响应
for event in pygame.event.get():
if event.type == pygame.QUIT:
sys.exit(0)
elif event.type ==pygame.MOUSEBUTTONDOWN:
x,y = event.pos
i = (x-20)//50 #20为游戏元素起始top位置,50为游戏元素长度
j = (y-20)//50#20为游戏元素起始left位置,50为游戏元素宽度
print(i,j)
pygame.display.update()
time.sleep(0.3)
通过运行该代码,在点击任何游戏元素时,我们都可以获得该游戏元素的坐标(i,j)
二、消除点击的游戏元素
1.改变游戏元素的颜色
为了简化游戏的理解,我们直接将点击的游戏元素的颜色进行一个更改。直接将它的颜色改为背景色
blocks[i][j].color = (124,114,242)
blocks[i][j].draw()
-main.py
import pygame
import sys
import time
import random
from MagicBlock import Block
SCREEN_WIDTH = 800
SCREEN_HEIGHT = 600
if __name__ == '__main__':
pygame.init()
screen = pygame.display.set_mode((SCREEN_HEIGHT,SCREEN_WIDTH))
pygame.display.set_caption("happy remove")
screen.fill((124,114,242))
blocks=[[0]*8 for i in range(8)]
for i in range(8):
for j in range(8):
#位置的计算公式为left = 起始left位置+元素宽度*j,top=起始top位置+元素高度*i
blocks[i][j] = Block(screen,20+50*j,20+50*i,50,50,(random.randint(0,255),random.randint(0,255),random.randint(0,255)))
blocks[i][j].draw()
#更新窗口
pygame.display.update()
while True:
#获取鼠标响应
for event in pygame.event.get():
if event.type == pygame.QUIT:
sys.exit(0)
elif event.type ==pygame.MOUSEBUTTONDOWN:
x,y = event.pos
i = (x-20)//50 #20为游戏元素起始top位置,50为游戏元素长度
j = (y-20)//50#20为游戏元素起始left位置,50为游戏元素宽度
blocks[i][j].color = (124,114,242)
blocks[i][j].draw()
pygame.display.update()
time.sleep(0.3)
效果图如下:
一个小意外出现了,我们发现点击相对应元素沿对角线对称的元素被消除了,这是什么原因呢?我们可以思考一下,如何解决?留下你们的意见,我们在下篇文章中解决这个问题。(ps:其实我也没想到突然会出现这样的bug给我点时间我思考一下哈哈哈哈哈哈哈哈哈哈哈)
总结
在本章中我们实现了元素消除的问题,但是我们在实现中也发现了bug,就是对称元素被消除了而不是我们点击的元素被消除了。下章中我们将解决这个问题,并且用图片替换矩形元素。