用App Inventor实现背景的移动

背景移动是很多类型游戏的基础，比如RPG或冒险类游戏，游戏中的角色需要在更大的空间中走动，以便完成更多的任务。接到来自微博私信的提问，这也是我自己的疑问，究竟App Inventor有限的组件能否实现背景的移动呢？我答应提问者试试看，还好，基本上已经实现了背景以及角色的移动，现整理一下实现过程，并与大家分享。

一、创建用户界面

例子中只用到了3类共5个组件：

• 画布：作为游戏背景以及角色的容器，高度设为300像素；

• 精灵：命名为背景，用于显示背景图片（一个打地鼠游戏的背景图），x、y坐标均为0，z坐标为1.0；

• 精灵：命名为地鼠，用于显示角色图片（一个地鼠图片），x作为为0，y为150，z为2.0；

• 计时器：命名为延迟计时器，用于在屏幕初始化之后，设置相关参数，一直计时为假，启用计时为真，计时间隔10毫秒；

• 计时器：命名为行动计时器，用于产生地鼠精灵移动的动画，一直计时为真，启用计时为假，计时间隔20毫秒。

用户界面如下图所示。

图中有两个素材文件，1.png为地鼠，background.png为背景图片（高300像素，宽500像素），分别设为两个精灵的图片。

二、数学模型

三、行为逻辑

四、编写代码

五、测试

在背景图上随意点击一下，地鼠开始沿着水平方向走动。有时是地鼠在走，有时是画布在走。

附素材图片：

背景图片：

一只小老鼠：