王德贵 秦莹莹

一、思路与原理

本以为用AppInvenor做这个游戏很简单，就用手指拖动图像精灵（数字）到其他位置就行了，但实际写出来却发现常出现各种错误，比如无法移动或图像重叠，只能暂时搁置。过了一段时间突发灵感找到了问题的突破口！就是确定九个位置，点击数字时，让程序自动判断向旁边的空位移动，周围没有空位便不动。现在和大家分享这个3×3的《数字华容道》，如果理解了这个思路明白了原理，学会后还可以扩展到N×N个方格（图1）。

二、制作过程

1.素材准备

本程序使用WxBit 汉化版（app.wxbit.com）。游戏界面如图1，扫码关注壹零社，下载素材包，其中有全部代码截图和游戏演示视频。准备1-8的数字图片素材。

2.组件设计（见下表）

3.程序设计

（1）初始化及变量设置：声明相应变量，屏幕初始化时要把变量放入内存，这样显示速度会快很多。“数2”定义9个位置的列表变量，“数”用于在数2中取得对应项的位置坐标，然后确定怎么移动的变量;“坐标”把界面分成9部分，并定义每个部分的坐标的列表变量（二级列表）。“当前1位置”，即是精灵“数字1”当前在哪个位置，它向那个方向移动时也需用到这个变量。“最佳成绩”和“计时”都是为了在界面显示相应信息。“精灵”变量是存储画布上的精灵，即对应的数字图片，“精灵图片”存储精灵对应的图片（图2）。

（2）初始化数字函数：游戏开始前用计时器1将数字位置随机打乱，并加载相应的图片。为了避免位置重复，选出一个位置后，将其从数据库中删除。我是从最后也就是数字“8”开始删除，这样不会影响前面的数字。……