[Python GUI]Python内置图形界面tkinter Hand-Eye Coordination--游戏实战1
游戏介绍
本文实现的是一种成为hand-eye coordination的游戏的简单实现。hand-eye coordination就是一种锻炼手眼协调控制的游戏，有些类似于别踩白块，虽然比别踩白块要简单，但是思想是一样的。
代码实现了可以通过设置画布大小和网格多少来初始化UI，并设置方块下落速度，以改变游戏难度，还可以设置方块出现多少次之后结束本次游戏。
此游戏初步实现一个简单的版本，还可继续完善，除了下面Todolist所列出的，有其他玩法，也欢迎在评论区留言讨论。
没有gif，只能靠描述了，点击上方的 START 之后开始游戏，会在第一行随机生成方块，然后一格一格往下掉，直到最后一行，继续往下掉就消失；或者是在下落的途中，有点击事件也会消失。
关键词
Hand-Eye Coordination
Tkinter，Canvas，Button，after
TodoList
- 设置画布大小
- 设置网格多少
- 设置移动速度
- 循环次数，默认无限次
- 改成界面设置参数
- 加个计算分数的功能
- 增加方块的数量，随机颜色
- 打包
改变玩法：
- 可以改成全屏随机出现方块
- 方块换仓图片就是打地鼠
代码详解
个人感觉代码注释的已经很清楚了，就不在多余去解释了。
就在这里讲讲设计思想和函数的作用吧。__init__(): 初始化各个参数；delete_rect(): 绑定在方块上的函数，作用是删除方块，即点击事件调用的函数，或者掉到底部时调用；draw_grid(): 被init_ui调用，用来画水平线和垂直线，生成网格；gen_square(): 生成方块，同时绑定删除事件；init_ui(): 初始化UI，设置并固定窗口大小，设置按钮和画布大小；move_down(): 控制方块向下运动
还有一个控制延时的函数after，是实现运动的关键；after(ms, func): 第一个参数是延时时长，单位是毫秒；第二个参数是延时之后运行的函数。对于这个函数，网上看了一些例子，感觉都不太好理解，是我太笨了；还有一些文章说延时时间不准，这也没有去深究，毕竟这个游戏对延时时间准确度要求没那么高。
import tkinter as tk
import random
class EyeHand:
def __init__(self,
canvas:tuple = (500,500),
grid:tuple = (10,10),
speed:int = 1,
loop:int = 10
) -> None:
# 网格的数量
self.grid = grid
# 计算每个grid的宽高，(方便点的话，限制grid为正方形，这里可以为矩形)，
# 然后确定canvas宽高，所以，输入的宽高只是个参考值
# 每个小格的宽高
self.grid_w = canvas[0] // self.grid[0]
self.grid_h = canvas[1] // self.grid[1]
# 画布的尺寸
self.canvas_size = (self.grid_w*self.grid[0], self.grid_h*self.grid[1])
# 方块移动的速度 1000ms // speed
self.speed = 1000 // speed
# # 出现几个方块之后结束
# self.loop = loop
# 窗口的尺寸
self.win_size = str(self.canvas_size[0]+40)+"x"+str(self.canvas_size[1]+120)
self.main_win = tk.Tk()
# 窗口名
self.main_win.title("Eye–hand coordination")
# 初始化UI
self.init_ui()
# 窗口显示
self.mainloop = self.main_win.mainloop
# 方块向下走的步数
self.step = 0
# 最大步数
self.max_step = self.grid[1]
# 当前是否有方块
self.square_exists = False
# 循环次数
self.count = 0
# 最大循环次数
self.max_count = loop
def init_ui(self) -> None :
self.main_win.geometry(self.win_size) # 设置窗口大小
self.main_win.resizable(0, 0) # 固定窗口大小
self.canvas = tk.Canvas(self.main_win,
bg="#999AAA",
cursor="plus",
height=self.canvas_size[0],
width=self.canvas_size[1]
) # 设置画布
self.canvas.place(x=20, y=50)
self.draw_grid(self.grid) # 画网格
self.btn1 = tk.Button(self.main_win,
text="START",
font=("Arial", 12),
width=20,
height=1,
command=self.gen_square
) # 设置"开始游戏"按钮
self.btn1.pack()
def draw_grid(self, size) -> None :
for row in range(0, size[0]+1):
self.canvas.create_line(0,
self.grid_h*row,
self.canvas_size[1],
self.grid_h*row
) # 画水平线
for col in range(0, size[1]+1):
self.canvas.create_line(self.grid_w*col,
0,
self.grid_w*col,
self.canvas_size[0]
) # 画垂直线
def gen_square(self) -> None :
# 生成矩形的次数达到最大限制则不再生成
if self.count >= self.max_count:
self.count = 0 # 一次游戏结束，循环次数置0，则可以按"start"键重新开始游戏
return
self.step = 0 # 每次生成方块，step置0
try:
self.delete_rect(tk.Event) # 如果界面中有方块，先清除
except:
pass
offset = random.randint(0, self.grid[0]-1) # 第一行随机位置生成方块的变化量
r = self.canvas.create_rectangle(self.grid_w*offset,
0,
self.grid_w*offset+self.grid_h,
self.grid_h,
fill='blue',
tags=("rect")
) # 第一行随机位置生成方块
self.square_exists = True
self.canvas.tag_bind( 'rect' , '<Button-1>' , self.delete_rect)
self.canvas.after(self.speed, self.move_down) # 关键方法，.after(deley_ms, func)，延迟deley_ms毫秒后，执行func函数
def move_down(self) -> None :
self.step += 1 # 计数向下移动次数，到底还没被点击则删除
if self.step >= self.max_step:
self.delete_rect(tk.Event)
if self.square_exists: # 有方块存在，向下移动方块
self.canvas.move('rect', 0, self.grid_h)
self.canvas.after(self.speed, self.move_down)
else: # 没有方块存在，生成下一个方块
self.count += 1
self.canvas.after(self.speed, self.gen_square)
def delete_rect(self, event) ->None : # 删除方块
self.canvas.delete("rect")
self.square_exists = False
game = EyeHand(canvas=(500,500), grid=(5,5), speed=5, loop=10)
game.mainloop()
代码还有可以优化和完善的地方，留待日后无聊的时候再说吧！