十五数字推盘游戏的板上会有十五个方块和一个大小相当于一个方块的空位，当15个数字依次排序并且最后一个格子为空位即代表挑战成功。初始化数组时，所有的位置都是正确的数字，然后使用move进行移动打乱。我在手机上玩4X4的最快还原用了33秒，对于该节目的冠军很是敬仰。
今年年初，新一季的《最强大脑》开播了，第一集选拔的时候大家做了一个数字游戏，名叫《数字华容道》，当时何猷君以二十几秒的成绩夺得该项目的冠军，看了这个游戏之后我决定要写一个《数字华容道》的程序，过去了半年，我终于记起了这件事，今天就来实现。
数字推盘游戏（n-puzzle）是一种智力游戏，常见的类型有十五数字推盘游戏和八数字推盘游戏等。十五数字推盘游戏的板上会有十五个方块和一个大小相当于一个方块的空位（供方块移动之用），当15个数字依次排序并且最后一个格子为空位即代表挑战成功。
本文使用 PyQt5 进行设计与实现，PyQt5 是该程序的一个呈现方式，最重要的是算法，学会了算法，完全可以使用 PyGame 或者 Tkinter 实现。
PyQt5安装：pip install PyQt5
本文使用环境：
- 系统：Windows 10 64位
- Python版本：3.6
做一个简版的数字华容道，布局设计如图所示：
简版数字华容道布局
- 图中灰色的部分使用 QWidget 作为整个游戏的载体；
- 黄色部分使用 QGridLayout 作为数字方块的布局；
- 红色部分使用 QLabel 作为数字方块。
如上图所示，本游戏共需要15个方块，每个方块代表一个数字。我们可以使用 一个二维 list来存储方块上的数字。其实我们要创建一个 4x4 的 list 存储 0~15 各个数字，0 代表空的位置。
2.1 创建并初始化数组
创建数组的方法：
- 创建一个长度为16的数组，并且在对应位置上保存着 0~15 ；
- 打乱顺序
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) 位置上的数组互换；
将移动算法封装成一个函数如下：
2.3 是否胜利检测算法
检测是否胜利其实很简单：前15个位置分别对应，最后一个为0即为胜利 ，不过为了避免不必要的计算，我们先检测最后一个是否为 0 ，如果不为0 前面的就不用比较了。具体代码实现如下：
3、实现下面讲解所有功能模块的实现。
3.1 框架搭建
创建 QWidget 作为整个游戏的载体：
运行结果如下图所示：
框架运行结果
框架运行结果
3.2 数字方块实现
前面已经提到，用一个二维数组来存放 0~16 个数字，最终我们要转换成一个数字方块，单独创建一个类：
该类继承自 QLablel ，初始化需要传入一个参数 number ，number就是数字方块上显示的数字。
3.3 将数字转换成方块添加到布局
布局采用 QGridLayout 创建一个 4X4 的 self.gltMain，将16个 Block 添加到 self.gltMain：
3.4 初始化布局
初始化布局包括随机数据的产生与将数字转换成方块添加到布局：
3.5 按键检测
QWidget 有一个 keyPressEvent 事件句柄，我们只需要重新实现该方法即可：
按键检测到按键按下之后判断该键值是否为 “↑↓←→”或“WSAD”，并作出相应的移动（move），移动之后刷新布局（updatePannel），最后检测是否完成挑战（checkResult），如果完成挑战，弹出提示框。如果点击了 OK 按钮，游戏重新开始（onInit）。
3.6 试玩测试
至此，所有功能模块介绍完毕，不要着急看完整代码，我们先运行一下程序看是否还有 Bugs。
玩了几局之后发现，并不是所有的局都能都还原，如下面这种情况：
无法还原
如图所示，14 和 15 方块位置反了，无论如何也还原不聊了，这种情况是随机出现的。到底是怎么回事呢？经过一番上网搜索，确实如果只有两个数字的位置反了，无论如何也还原不了的。那这是由什么造成的呢？还记得我们的二维数组是怎么产生的吧，随机的，也就是说可能会随机到无法还原的情况。
如何避免这种情况呢？初始化数组时，所有的位置都是正确的数字，然后使用 move 进行移动打乱。
3.7 改进完善
由于前面已经将各个功能模块单独写成了方法，因此我们只需修改 onInit 方法即可。
先生成一个顺序数组，里面保存着[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 0]，然后转为二维数组 blocks，再后随即移动500次，最后添加到布局。
4、完整代码5、总结在做的过程中遇到最大的坑就是随机数组导致无法还原。另外在做这个游戏的时候我已经找到还原规律了，这样在测试的时候可以做完完整测试，否则根本无法测试都挑战成功那一步。
另外要对《最强大脑》做一下吐槽：这个项目根本就是有偏袒的，玩过的人会很快，没有玩过的找规律的时间就很长。我在手机上玩4X4的最快还原用了 33 秒，对于该节目的冠军（即便是玩过）很是敬仰。
- 代码获取：点击左下角“了解更多”也可以获取到源码。
