教你如何用python开发一款数字推盘小游戏
作者：C与Python实战 发布时间：2021-11-03 23:22:14
今年年初，新一季的《最强大脑》开播了，第一集选拔的时候大家做了一个数字游戏，名叫《数字华容道》，当时何猷君以二十几秒的成绩夺得该项目的冠军，看了这个游戏之后我决定要写一个《数字华容道》的程序，过去了半年，我终于记起了这件事，今天就来实现。
数字推盘游戏（n-puzzle）是一种智力游戏，常见的类型有十五数字推盘游戏和八数字推盘游戏等。十五数字推盘游戏的板上会有十五个方块和一个大小相当于一个方块的空位（供方块移动之用），当15个数字依次排序并且最后一个格子为空位即代表挑战成功。
本文使用 PyQt5 进行设计与实现，PyQt5 是该程序的一个呈现方式，最重要的是算法，学会了算法，完全可以使用 PyGame 或者 Tkinter 实现。
PyQt5安装：pip install PyQt5
本文使用环境：
系统：Windows 10 64位Python版本：3.6
1、布局设计
做一个简版的数字华容道，布局设计如图所示：
图中灰色的部分使用 QWidget 作为整个游戏的载体；黄色部分使用 QGridLayout 作为数字方块的布局；红色部分使用 QLabel 作为数字方块。
2、算法设计
如上图所示，本游戏共需要15个方块，每个方块代表一个数字。我们可以使用 一个二维 list 来存储方块上的数字。其实我们要创建一个 4x4 的 list 存储 0~15 各个数字，0 代表空的位置。
2.1 创建并初始化数组
创建数组的方法：
创建一个长度为16的数组，并且在对应位置上保存着 0~15 ；打乱顺序
import random
# 用来存放位置信息的二维数组
blocks = []
# 产生随机数组,0 代表空的位置
arr = range(16)
numbers = random.sample(arr, 16)
for row in range(4):
blocks.append([])
for column in range(4):
blocks[row].append(numbers[row*4 + column])
# 打印结果
for i in range(4):
print(blocks[i])
[out]
[2, 5, 7, 9]
[11, 8, 4, 12]
[6, 13, 10, 15]
[1, 14, 0, 3]
[Finished in 0.1s]
2.2 移动算法
假如移动之前个数字位置如左图所示，那么当按下左箭头时，会变成如右图所示：
可以看到 (1, 2) 和 (1, 3) 两个位置上的数字互换了，即 0 和 8 互换；如果右图所示再次按下左箭头，那么所有数字都不会改变，因为 数字 0 右边没有数了。
总结一下：如果 数字 0 所在位置为 (row, column)，并且 column≠3 那么按下左箭头之后，(row, column) 和 (row, column+1) 位置上的数组互换，同理可得：
如果 数字 0 所在位置为 (row, column)，并且 column≠0 那么按下右箭头之后，(row, column) 和 (row, column-1) 位置上的数组互换；
如果 数字 0 所在位置为 (row, column)，并且 row≠3 那么按下上箭头之后，(row, column) 和 (row+1, column) 位置上的数组互换；
如果 数字 0 所在位置为 (row, column)，并且 row≠0 那么按下下箭头之后，(row, column) 和 (row-1, column) 位置上的数组互换；
将移动算法封装成一个函数如下：
# 移动
# zero_row 代表数字0 所在二维数组的行下标，zero_column代表数字0 所在二维数组的列下标
def move(direction):
if(direction == 'UP'): # 上
if zero_row != 3:
blocks[zero_row][zero_column] = blocks[zero_row + 1][zero_column]
blocks[zero_row + 1][zero_column] = 0
zero_row += 1
if(direction == 'DOWN'): # 下
if zero_row != 0:
blocks[zero_row][zero_column] = blocks[zero_row - 1][zero_column]
blocks[zero_row - 1][zero_column] = 0
zero_row -= 1
if(direction == 'LEFT'): # 左
if zero_column != 3:
blocks[zero_row][zero_column] = blocks[zero_row][zero_column + 1]
blocks[zero_row][zero_column + 1] = 0
zero_column += 1
if(direction == 'RIGHT'): # 右
if zero_column != 0:
blocks[zero_row][zero_column] = blocks[zero_row][zero_column - 1]
blocks[zero_row][zero_column - 1] = 0
zero_column -= 1
2.3 是否胜利检测算法
检测是否胜利其实很简单：前15个位置分别对应，最后一个为0即为胜利 ，不过为了避免不必要的计算，我们先检测最后一个是否为 0 ，如果不为0 前面的就不用比较了。具体代码实现如下：
# 检测是否完成
def checkResult():
# 先检测最右下角是否为0
if blocks[3][3] != 0:
return False
for row in range(4):
for column in range(4):
# 运行到此处说名最右下角已经为0，pass即可
if row == 3 and column == 3:
pass
# 值是否对应
elif blocks[row][column] != row * 4 + column + 1:
return False
return True
3、实现
下面讲解所有功能模块的实现。
3.1 框架搭建
创建 QWidget 作为整个游戏的载体：
import sys
from PyQt5.QtWidgets import QWidget, QApplication
class NumberHuaRong(QWidget):
""" 华容道主体 """
def __init__(self):
super().__init__()
self.initUI()
def initUI(self):
# 设置宽和高
self.setFixedSize(400, 400)
# 设置标题
self.setWindowTitle('数字华容道')
# 设置背景颜色
self.setStyleSheet("background-color:gray;")
self.show()
if __name__ == '__main__':
app = QApplication(sys.argv)
ex = NumberHuaRong()
sys.exit(app.exec_())
运行结果如下图所示：
3.2 数字方块实现
前面已经提到，用一个二维数组来存放 0~16 个数字，最终我们要转换成一个数字方块，单独创建一个类：
class Block(QLabel):
""" 数字方块 """
def __init__(self, number):
super().__init__()
self.number = number
self.setFixedSize(80, 80)
# 设置字体
font = QFont()
font.setPointSize(30)
font.setBold(True)
self.setFont(font)
# 设置字体颜色
pa = QPalette()
pa.setColor(QPalette.WindowText, Qt.white)
self.setPalette(pa)
# 设置文字位置
self.setAlignment(Qt.AlignCenter)
# 设置背景颜色\圆角和文本内容
if self.number == 0:
self.setStyleSheet("background-color:white;border-radius:10px;")
else:
self.setStyleSheet("background-color:red;border-radius:10px;")
self.setText(str(self.number))
该类继承自 QLablel ，初始化需要传入一个参数 number ，number就是数字方块上显示的数字。
3.3 将数字转换成方块添加到布局
布局采用 QGridLayout 创建一个 4X4 的 self.gltMain，将16个 Block 添加到 self.gltMain：
def updatePanel(self):
for row in range(4):
for column in range(4):
self.gltMain.addWidget(Block(self.blocks[row][column]), row, column)
self.setLayout(self.gltMain)
3.4 初始化布局
初始化布局包括随机数据的产生与将数字转换成方块添加到布局：
# 初始化布局
def onInit(self):
# 产生随机数组,0 代表空的位置
arr = range(16)
self.numbers = random.sample(arr, 16)
# 将数字方块添加到布局
for row in range(4):
self.blocks.append([])
for column in range(4):
temp = self.numbers[row * 4 + column]
if temp == 0:
self.zero_row = row
self.zero_column = column
self.blocks[row].append(temp)
self.gltMain.addWidget(Block(temp), row, column)
3.5 按键检测
QWidget 有一个 keyPressEvent 事件句柄，我们只需要重新实现该方法即可：
# 检测按键
def keyPressEvent(self, event):
key = event.key()
if(key == Qt.Key_Up or key == Qt.Key_W):
self.move(Direction.UP)
if(key == Qt.Key_Down or key == Qt.Key_S):
self.move(Direction.DOWN)
if(key == Qt.Key_Left or key == Qt.Key_A):
self.move(Direction.LEFT)
if(key == Qt.Key_Right or key == Qt.Key_D):
self.move(Direction.RIGHT)
self.updatePanel()
if self.checkResult():
if QMessageBox.Ok == QMessageBox.information(self, '挑战结果', '恭喜您完成挑战！'):
self.onInit()
按键检测到按键按下之后判断该键值是否为 “↑↓←→”或“WSAD”，并作出相应的移动（move），移动之后刷新布局（updatePannel），最后检测是否完成挑战（checkResult），如果完成挑战，弹出提示框。如果点击了 OK 按钮，游戏重新开始（onInit）。
3.6 试玩测试
至此，所有功能模块介绍完毕，不要着急看完整代码，我们先运行一下程序看是否还有 Bugs。
玩了几局之后发现，并不是所有的局都能都还原，如下面这种情况：
如图所示，14 和 15 方块位置反了，无论如何也还原不聊了，这种情况是随机出现的。到底是怎么回事呢？经过一番上网搜索，确实如果只有两个数字的位置反了，无论如何也还原不了的。那这是由什么造成的呢？还记得我们的二维数组是怎么产生的吧，随机的，也就是说可能会随机到无法还原的情况。
如何避免这种情况呢？初始化数组时，所有的位置都是正确的数字，然后使用 move 进行移动打乱。
3.7 改进完善
由于前面已经将各个功能模块单独写成了方法，因此我们只需修改 onInit 方法即可。
# 初始化布局
def onInit(self):
# 产生顺序数组
self.numbers = list(range(1, 16))
self.numbers.append(0)
# 将数字添加到二维数组
for row in range(4):
self.blocks.append([])
for column in range(4):
temp = self.numbers[row * 4 + column]
if temp == 0:
self.zero_row = row
self.zero_column = column
self.blocks[row].append(temp)
# 打乱数组
for i in range(500):
random_num = random.randint(0, 3)
self.move(Direction(random_num))
self.updatePanel()
先生成一个顺序数组，里面保存着[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0]，然后转为二维数组 blocks，再后随即移动500次，最后添加到布局。
4、完整代码
import sys
import random
from enum import IntEnum
from PyQt5.QtWidgets import QLabel, QWidget, QApplication, QGridLayout, QMessageBox
from PyQt5.QtGui import QFont, QPalette
from PyQt5.QtCore import Qt
# 用枚举类表示方向
class Direction(IntEnum):
UP = 0
DOWN = 1
LEFT = 2
RIGHT = 3
class NumberHuaRong(QWidget):
""" 华容道主体 """
def __init__(self):
super().__init__()
self.blocks = []
self.zero_row = 0
self.zero_column = 0
self.gltMain = QGridLayout()
self.initUI()
def initUI(self):
# 设置方块间隔
self.gltMain.setSpacing(10)
self.onInit()
# 设置布局
self.setLayout(self.gltMain)
# 设置宽和高
self.setFixedSize(400, 400)
# 设置标题
self.setWindowTitle('数字华容道')
# 设置背景颜色
self.setStyleSheet("background-color:gray;")
self.show()
# 初始化布局
def onInit(self):
# 产生顺序数组
self.numbers = list(range(1, 16))
self.numbers.append(0)
# 将数字添加到二维数组
for row in range(4):
self.blocks.append([])
for column in range(4):
temp = self.numbers[row * 4 + column]
if temp == 0:
self.zero_row = row
self.zero_column = column
self.blocks[row].append(temp)
# 打乱数组
for i in range(500):
random_num = random.randint(0, 3)
self.move(Direction(random_num))
self.updatePanel()
# 检测按键
def keyPressEvent(self, event):
key = event.key()
if(key == Qt.Key_Up or key == Qt.Key_W):
self.move(Direction.UP)
if(key == Qt.Key_Down or key == Qt.Key_S):
self.move(Direction.DOWN)
if(key == Qt.Key_Left or key == Qt.Key_A):
self.move(Direction.LEFT)
if(key == Qt.Key_Right or key == Qt.Key_D):
self.move(Direction.RIGHT)
self.updatePanel()
if self.checkResult():
if QMessageBox.Ok == QMessageBox.information(self, '挑战结果', '恭喜您完成挑战！'):
self.onInit()
# 方块移动算法
def move(self, direction):
if(direction == Direction.UP): # 上
if self.zero_row != 3:
self.blocks[self.zero_row][self.zero_column] = self.blocks[self.zero_row + 1][self.zero_column]
self.blocks[self.zero_row + 1][self.zero_column] = 0
self.zero_row += 1
if(direction == Direction.DOWN): # 下
if self.zero_row != 0:
self.blocks[self.zero_row][self.zero_column] = self.blocks[self.zero_row - 1][self.zero_column]
self.blocks[self.zero_row - 1][self.zero_column] = 0
self.zero_row -= 1
if(direction == Direction.LEFT): # 左
if self.zero_column != 3:
self.blocks[self.zero_row][self.zero_column] = self.blocks[self.zero_row][self.zero_column + 1]
self.blocks[self.zero_row][self.zero_column + 1] = 0
self.zero_column += 1
if(direction == Direction.RIGHT): # 右
if self.zero_column != 0:
self.blocks[self.zero_row][self.zero_column] = self.blocks[self.zero_row][self.zero_column - 1]
self.blocks[self.zero_row][self.zero_column - 1] = 0
self.zero_column -= 1
def updatePanel(self):
for row in range(4):
for column in range(4):
self.gltMain.addWidget(Block(self.blocks[row][column]), row, column)
self.setLayout(self.gltMain)
# 检测是否完成
def checkResult(self):
# 先检测最右下角是否为0
if self.blocks[3][3] != 0:
return False
for row in range(4):
for column in range(4):
# 运行到此处说名最右下角已经为0，pass即可
if row == 3 and column == 3:
pass
#值是否对应
elif self.blocks[row][column] != row * 4 + column + 1:
return False
return True
class Block(QLabel):
""" 数字方块 """
def __init__(self, number):
super().__init__()
self.number = number
self.setFixedSize(80, 80)
# 设置字体
font = QFont()
font.setPointSize(30)
font.setBold(True)
self.setFont(font)
# 设置字体颜色
pa = QPalette()
pa.setColor(QPalette.WindowText, Qt.white)
self.setPalette(pa)
# 设置文字位置
self.setAlignment(Qt.AlignCenter)
# 设置背景颜色\圆角和文本内容
if self.number == 0:
self.setStyleSheet("background-color:white;border-radius:10px;")
else:
self.setStyleSheet("background-color:red;border-radius:10px;")
self.setText(str(self.number))
if __name__ == '__main__':
app = QApplication(sys.argv)
ex = NumberHuaRong()
sys.exit(app.exec_())
5、总结
在做的过程中遇到最大的坑就是随机数组导致无法还原。另外在做这个游戏的时候我已经找到还原规律了，这样在测试的时候可以做完完整测试，否则根本无法测试都挑战成功那一步。
另外要对《最强大脑》做一下吐槽：这个项目根本就是有偏袒的，玩过的人会很快，没有玩过的找规律的时间就很长。我在手机上玩4X4的最快还原用了 33 秒，对于该节目的冠军（即便是玩过）很是敬仰。
来源：https://blog.csdn.net/yaoyefengchen/article/details/81169346
0
投稿猜你喜欢
先声明一下，这是本人在某个项目中用到的，本人自己写的，如有雷同纯属巧合。同时也欢迎高人指正。这种星级的投票效果很常见，但是目前线上大多都是通- 最近一个项目中遇到ASP对FoxPro库表(*.DBF)的操作问题。现实中确有许多应用软件使
- 淘宝招聘的一个css题目：css样式控制div水平垂直居中方法；<!DOCTYPE html PUBLIC "-//W3C/
- 1. rangerange是python内置的一个类，该类型表示一个不可改变(immutable)的数字序列，常常用于在for循环中迭代一组
- 在我的上一篇博客中讲述了水平投影法取出文本行图像的实现，在这里将用垂直投影法对文本行的每个字符进行分割。下图是用水平投影法切割的文本行：文本
- 如何直接调用Excel数据？在ASP中，不用ODBC，如何直接调用Excel数据？ 在调用处理处，究竟是使用：xlApp.qui
- 昨天在网上看到一个防采集软件，说采集只访问当前网页，不会访问网页的图片、JS等，今天突然想到，通过动态程序和Js访问分别记录访问者的IP，然
- [root@vm1 ~]# rpm -ivh groundwork-foundation-pro-1.6.1-67.noarch.rpm P
- __new__ 方法是什么？如果将类比喻为工厂，那么__init__()方法则是该工厂的生产工人，__init__()方法接受的初始化参 数
- python时间处理月份加减第三方模块 ：python-dateutil安装方式：pip install python-dateutil实例
- Opera所属:挪威Opera Software ASA公司渲染引擎:自家的PrestoOpera起初是一款挪威Oper
- 注：文中未表明的地方output 输出都是基于IE6.0，其中表明FF的地方为Mozilla Firefox2.0，还要注意文中的大小写ja
- MatrixOne是一个新一代超融合异构数据库，致力于打造单一架构处理TP、AP、流计算等多种负载的极简大数据引擎。MatrixOne由Go
- 本文实例讲述了javascript设计模式 – 简单工厂模式。分享给大家供大家参考，具体如下：介绍：简单工厂模式是最常用的一类创建型设计模式
- 注：此功能依赖GD2图形库最近要用php生成缩略图，在网上找了一下，发现了这篇文章：PHP生成图片缩略图试用了一下后，发现有这样几个问题：1
- 前两天有一位网友问我一个关于Javascript中++操作符的问题，他的代码大致是这样的ADS.addEvent(window,'c
- Jquery中的一些东西学习一下子，补充完善一下，毕竟有些时候没有使用到这个方式很有用，在使用bootstrap table的时候，选择当前
- 注意：我使用的是 Entity Framework Core 2.0 (2.0.0-preview2-final)。正式版发布时，功能可能存
- 根据一般做法的话，导出部分字段时没有办法生成格式化XML文件，所以导入时就没有办法格式化导入数据。 我想到两点，1.手工修改格式化XML文件
- 目前可实现：MD5算法、SHA256算法、先MD5后SHA256、先SHA256后MD5、两次MD5、两次SHA256、前8位MD5算法后8
