python小游戏开心消消乐制作4-点击消除事件

---

前言

在上篇文章中我们解决了游戏元素显示问题和封装成类，该篇文章我们将
解决点击消除游戏元素。

---

一、获取鼠标点击事件

1.获取鼠标点击坐标

在python小游戏开心消消乐制作2中我们完成了鼠标点击关闭游戏窗口，而现在我们想要获取鼠标点击事件，我们可以通过对event.type进行判断是否是鼠标按下操作：

if event.type == pygame.MOUSEBUTTONDOWN:
	print("button down")
1
2

通过上面的代码我们就可以判断是否是鼠标按下操作。而为了使得某一个矩形元素进行消除，我们还需要获得鼠标按下时的坐标。在这里我们可以通过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)        
1
2
3
4
5
6

完整代码如下：

-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)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

我们尝试在左下角元素处点击可以看出终端输出结果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)
1
2
3
4
5
6
7
8

完整代码如下：

-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)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

通过运行该代码，在点击任何游戏元素时，我们都可以获得该游戏元素的坐标(i,j)

二、消除点击的游戏元素

1.改变游戏元素的颜色

为了简化游戏的理解，我们直接将点击的游戏元素的颜色进行一个更改。直接将它的颜色改为背景色

blocks[i][j].color = (124,114,242)
blocks[i][j].draw()
1
2

-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)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37

效果图如下：

一个小意外出现了，我们发现点击相对应元素沿对角线对称的元素被消除了，这是什么原因呢？我们可以思考一下，如何解决？留下你们的意见，我们在下篇文章中解决这个问题。（ps:其实我也没想到突然会出现这样的bug给我点时间我思考一下哈哈哈哈哈哈哈哈哈哈哈）

---

总结

在本章中我们实现了元素消除的问题，但是我们在实现中也发现了bug，就是对称元素被消除了而不是我们点击的元素被消除了。下章中我们将解决这个问题，并且用图片替换矩形元素。