剧场的概念

对于《电脑报》的忠实读者来说，陈骁先生之前和大家玩过很多抓抓游戏，比如吃蛇、猫猫抓老鼠、火箭落地等等。这些游戏作品都有一个共同点，背景基本不动，只有人物本身在动。要是简单的积木代码就能实现切换背景图片的简单效果就好了。但是在真实的游戏和案例中，很多游戏背景图都非常巨大。而且背景是多种多样的，需要在背景图像切换的过程中实现无缝衔接，有时还需要翻转对接背景图像。

不要以为这些作用很简单。无非就是改变坐标和旋转角度参数。其实里面有大学问。今天我就和大家一起完成剧场级的写实动画效果。这次我们要完成小猫奔跑的动画场景。随着小猫的运行，我们的主要目标是实现背景图片的无缝切换。1.高精度小猫

首先，我们需要一只高精度的小猫来代替原来的小猫。这个小猫角色“挠猫”已经上传到百度云了。请关注“一零社会”，点击编程相关获取网盘地址。你可以在文件夹2021-39里找到它。这个小猫角色包含了更多的形状，比如奔跑、旋转和跳舞，这些形状可以在各种程序中重用(图1)。

在程序中，我们只需要把小猫放在指定的位置，切换到跑步的初始形状，重复循环切换到下一个形状。当超过运行数的数值范围(数小于7)时，会切换回初始形状(run-01)，反复运行后效果会非常逼真(图2)。2.山脉背景动画

完成人物的动作动画后，我们将编程重点转向背景。背景分为三个部分，土地和丘陵和天空。

最简单的天空空背景就是用蓝色填充舞台背景，加上一个小太阳。

重点是土地和山丘，这两张背景图是手绘的。你也可以用你的绘画能力来美化它们。

图3是山的背景图。请注意标有红色数字的四个区域。在制作背景的时候，我们需要做出重叠叠加拼接的效果，所以要注意尽量保持红框区域左右两边的高度一致。我在左右两边放了一个不起眼的圆点(这样在移动的过程中可以保持良好的美感)。在完成一个背景后，你可以通过复制和改变颜色来制作不同的形状。

代码方面，我们需要增加三个新的变量:变量“滚动速度”表示背景移动的速度，用来控制背景移动的速度。我把滚动速度值设置为0.25，可以自己调整(值越高，速度越快)。

变量“摄像机X”表示移动的距离。这个变量只适用于当前角色，它被设置为滑块动态效果，并修改为滑块效果。我们只需要拖动滑块就可以看到类似于回放视频的效果。

变量“X”代表X轴的长度。我们知道舞台宽度是480，所以X每次需要增加480。

程序运行时，设置默认背景移动速度为0.25，切换到背景形状1，克隆自己，切换到下一个形状，x增加480(平移克隆一个舞台距离)，执行广播begin(图4)。

在广播中，用变量控制背景的移动，当背景循环拼接时，可以恢复到初始位置，继续循环移动。这里要求每个人都具备空之间的思维能力和数学计算能力，才能设计出合适的计算公式。背景的移动等于舞台宽度减去背景的移动速度乘以到目前为止移动的距离(摄像机X)除以960(该形状有两个480×2的背景宽度)减去480(图5)。3.地面背景动画

背景完成后，我们将创建一个新的角色来代表地面附近的场景。在这里，我们可以发挥自己的创造力，画出更多的小石头、花和植物，并把它们摆成不同的形状。陈骁老师只是随便画了三种不同的背景，包括石头和苹果树。目的是看到更多不同的场景来达到背景移动时的切换效果，仅供参考。

类似于山丘部分的代码，因为增加了一个形状，所以也增加了相应的克隆代码，480的宽度需要乘以3(图6)。

另外增加了变量“CAMERA Y”，可以控制地面部分在后台上下移动。代码成功编写后，运行程序可以看到一只欢快的小猫在森林里奔跑的场景，细节完整(图7)。

通过这个实验，我们学到了新知识。闲暇时可以研究一下背景是否可以做成从白天到夜晚的渐变过程。期待你的惊喜(图8)。