python tkinter实现俄罗斯方块基础版——二、界面动起来_俄罗斯方块显示怎样动态刷新

总目录

一、基础界面

二、界面动起来

三、生成、移动、固定、消除

四、消除与得分

======================= 大爽歌作，made by big shuang =======================

0、思路

要让游戏界面动起来，需要实现两点

• 1-定时刷新页面
• 2-移动页面内部的俄罗斯方块

这块说一下，光实现一的话理论上页面也算动起来了，但是如果界面内容不变，每次新的页面和旧的界面看起来是一样的，给人的观看感觉跟没有动没有区别

所以必须要实现2，来更改界面内容，给人“动”起来的感觉

1、定时刷新页面

实现定时刷新页面，很简单
写一个方法用于循环刷新，再定时调用
此部分代码写在原来代码最后的win.mainloop之前就好

FPS = 500  # 刷新页面的毫秒间隔
def game_loop():
    win.update()
 
    # ===用于展示刷新，后续会删掉===
    import time
    print(time.ctime())
    # ===========================
 
    win.after(FPS, game_loop)
 
win.update()
win.after(FPS, game_loop) # 在FPS 毫秒后调用 game_loop方法
1
2
3
4
5
6
7
8
9
10
11
12
13

此时运行发现命令行中会有如下输出，说明这个页面确实是每隔500ms刷新了一次

Thu Nov 28 23:32:50 2019
Thu Nov 28 23:32:51 2019
Thu Nov 28 23:32:51 2019
Thu Nov 28 23:32:52 2019
Thu Nov 28 23:32:52 2019
Thu Nov 28 23:32:53 2019
Thu Nov 28 23:32:53 2019
1
2
3
4
5
6
7

但是由于我之前说的，每次刷新后页面的内容是没有变化的，给观众的感觉还是更没动一样
所以需要配合每次刷新，移动俄罗斯方块的位置

2、移动俄罗斯方块

对于某个俄罗斯方块，要绘制出来需要知道它的位置和类型，以及内部的各个方格。
这三个数据可以用字典存起来，这里我们规定格式如下

a_block = {
    'kind': 'O',  # 对应俄罗斯方块的类型
    'cell_list': SHAPES['O'],  # 对应俄罗斯方块的各个方格
    'cr': [3, 3]  # 对应横纵坐标，以左上角为原点，水平向右为横坐标轴正方向，竖直向下为纵坐标轴正方向
}
1
2
3
4
5

此时一个这样的字典其实就可以看做一个俄罗斯方块对象
然后我们再建一个专门的方法draw_block_move，来绘制俄罗斯方块的移动
其实移动也比较简单，就是清掉旧位置已经绘制的俄罗斯方块，再在新位置绘制新的俄罗斯方块就好
然后修改下game_loop方法
更新修改部分如下

# 在draw_blank_board(canvas)语句下面添加如下语句
def draw_block_move(canvas, block, direction=[0, 0]):
    """
    绘制向指定方向移动后的俄罗斯方块
    :param canvas: 画板
    :param block: 俄罗斯方块对象
    :param direction: 俄罗斯方块移动方向
    :return:
    """
    shape_type = block['kind']
    c, r = block['cr']
    cell_list = block['cell_list']
 
    # 移动前，先清除原有位置绘制的俄罗斯方块,也就是用背景色绘制原有的俄罗斯方块
    draw_cells(canvas, c, r, cell_list)
 
    dc, dr = direction
    new_c, new_r = c+dc, r+dr
    block['cr'] = [new_c, new_r]
    # 在新位置绘制新的俄罗斯方块就好
    draw_cells(canvas, new_c, new_r, cell_list, SHAPESCOLOR[shape_type])
 
 
a_block = {
    'kind': 'O',  # 对应俄罗斯方块的类型
    'cell_list': SHAPES['O'],  # 对应俄罗斯方块的各个方格
    'cr': [3, 3]  # 对应横纵坐标，以左上角为原点，水平向右为横坐标轴正方向，竖直向下为纵坐标轴正方向
}
 
draw_block_move(canvas, a_block)
 
 
# 修改原来的game_loop方法如下
def game_loop():
    win.update()
 
    down = [0, 1]
    draw_block_move(canvas, a_block, down)
 
    win.after(FPS, game_loop)
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
38
39
40

此时的完整代码已上传github，点击查看，运行代码就发现界面中的俄罗斯方块动起来了，动画如下