1.4　小猫进圈

教学目标：学会使用绘图工具，认识坐标。

开发需求001：

为舞台背景填充蓝色，并绘制4个椭圆，椭圆的大小要能容下小猫，内部填充白色。程序开始时，小猫位于最左侧椭圆内，全程面向右侧。按下右移键，小猫就跳到右边的椭圆里；按下左移键，小猫就跳到左边的椭圆里。小猫不能跳出两端的椭圆外。见图1.4.1。

分析：

按下左、右方向键触发事件左、右移动。

具体步骤：

1．准备素材。

下面重点介绍如何绘制舞台背景：

（1）背景填充蓝色。切换成位图模式，选择填充工具，涂成蓝色，如图1.4.2所示。

（2）画出一个椭圆。颜色选白色，类型选实心，如图1.4.3所示。

（3）画出全部椭圆。先选择，再复制，然后粘贴。依次拖到下一个位置，粘贴，如图1.4.4、图1.4.5所示。

2．小猫初始化。程序见下图。

3．按下左右键，开始跳动。

可使用两种方法：

方法一：按下右移键作为一段脚本的开始。程序见下图。

方法二：循环侦测右移键是否按下。程序见下图。

两种方法均可，但它们也有一些区别，后面章节将进行细致介绍。这里使用方法一。

依据题中坐标图示，舞台长480步，高360步。现在有4个椭圆排成一排，那么每个椭圆之间的距离就是480/4=120（步），再考虑到椭圆周边存在空隙，经过反复调试，确定每次移动115步。因为题中要求小猫全程向右，为了方便，直接使用“将x坐标增加……”积木。程序见下图。

4．把小猫锁定在4个椭圆内，不能跳出椭圆外。

因为小猫在左右移动的过程中，x坐标改变，y坐标不变，所以可以对小猫的x坐标进行判断。在当前程序中，小猫位于最左侧椭圆内时，它的x坐标为-180，位于最右侧椭圆内时，它的x坐标为165。

方法一：允许小猫跳出圈外，一旦跳出，则立刻拽回来。程序见下图。

方法二：只有在满足特定条件下，小猫才能进行跳圈。程序见下图。

完整程序：

开发需求002：

在程序001的基础上，如果要求4个椭圆必须完全一样，并且严格按照等间距分布，有什么好的方法？

分析：

使用背景绘制工具不可能实现等间距分布，无论怎么绘制，都会出现误差。这里就需要椭圆是一个角色，是角色的话，就可以用程序来实现等间距分布。

具体步骤：

1．准备素材。

填充蓝色舞台背景，创建白色椭圆角色，如图1.4.6所示。

2．这里可以复制成4个椭圆角色，用程序实现等间距排列。那么有没有可能用一个椭圆角色能否实现效果呢？答案是可以。需要用到类似于复制的功能。在Scratch中，有两个积木，可以实现复制。见以下两图。

题目中只要求在舞台上产生4个等间距分布的椭圆，因为4个椭圆除了在舞台上显示，没有其他功能，所以使用图章即可。

3．将椭圆角色隐藏，移到初始位置，盖一个图章，再移到下一个位置……重复执行4次。见图1.4.7。

试一试：

重新绘制舞台背景，填充渐变的蓝白色，用黑线将舞台分割成类似“井”字形的9个区域。当绿旗被点击，小猫移到舞台中心，用键盘的上、下、左、右来控制小猫移动。每按下一个键，小猫都会移到对应方向的相邻区域内，如果没有区域可以移动了（撞到了舞台边缘），则小猫像穿墙一样出现在相反方向最远端的区域内。小猫全程都面向右，不能改变朝向。见图1.4.8。

当小猫移动到最右端时，此时按下右移键，小猫就会移到最左端的区域内。见1.4.9。