《动物魔法学校》儿童学编程Scratch之“外观”部分

导读：本文通过一个案例《动物魔法学校》来学习Scratch语言的“外观”部分。之后通过一系列其他功能的综合运用对作品功能进行了扩展。

综合案例《魔法学校》界面

今天总结一下儿童编程软件Scratch中“外观”部分的细节。主要包括显示隐藏、造型及背景更换、颜色特效、背景设置、显示层次、表示说话思考的气泡等部分。代码面板如下图所示。

Scratch"外观'部分代码块列表

下面我们就通过一个综合案例《魔法学校》来学习一下这部分内容。

故事背景：

魔法学校里住着一批会魔法的小动物。狮子是老师，让学生们展现本领；恐龙会变颜色；鹦鹉会制造幻觉（改变环境）；河马会改变自身大小。

任务分解：

 1.狮子被点击时候，展现说话造型，并通过思考和语言显示他的想法；

 2.点击向上键（也可以设置其他键）的时候恐龙出现，在最上层，说一句话然后开始变颜色，最后恢复正常状态；

 3.点击向下键的时候鹦鹉出现在屏幕最上层，说一句话，开始更换一下环境背景，后恢复原状；

4.点击左箭头键的时候河马出现在屏幕最上层，说一句话之后开始变大，几秒钟之后恢复原状。

 实现步骤：

 1.设置背景

我从网上找了两张背景图，在舞台信息区选择“从本地上传按钮”，将两张背景上传，然后删掉空白背景。

导入背景

 2.设置角色

从角色列表中选择狮子、恐龙、鹦鹉、河马四个角色，删除原来的小猫角色。

3.搭建代码块

 （1）狮子身上的代码

 当狮子被点击的时候，她通过变换造型达到说话的形象，然后呈现思考状、说话状。

狮子身上的代码

（2）恐龙身上的代码

恐龙在按下上移键的时候显示在最上层，通过循环的颜色特效展示“本领”，最后清除特效。

恐龙身上的代码

（3）鹦鹉身上的代码

鹦鹉和恐龙类似，只不过通过设置背景的方式展示“制造幻觉”的本领。

鹦鹉身上的代码

（4）河马身上的代码

河马的代码与恐龙类似，只不过将颜色特效改成了控制角色的大小。

河马身上的代码

4.完善代码

上面代码基本实现了我们的目标内容。但是总感觉太机械了。让我们来完善一下代码吧。如何才能让狮子随机叫三个小动物中的一个展示本领呢？如何不需要点击小动物，只要狮子叫到谁谁就能够自动表演呢？

这里用到了变量、消息事件、条件判断、随机数等内容。有的我们在前面的内容中已经说过了，有的还没学到。就先自己学习一下吧。具体代码如下：

（1）狮子身上的代码

狮子身上完事后的代码

（2）另外三个动物身上的代码 图中红框区域为更改的地方。

恐龙 河马 鹦鹉我身上的代代码