
2.2 角色的造型
呱呱喵对喵喵呱怒目而视:“你……你你……喵呜,气死我了!”
喵喵呱很奇怪:“又有什么事情让你这么不开心?”
呱呱喵:“你说你是不是盼着我死呀?”
喵喵呱:“没有啊!要那样我还救你干什么?”
呱呱喵:“切!青蛙跳河还用得着你救?”
喵喵呱一时无语:“到底怎么了?”
呱呱喵很委屈:“你看,我说我要死了也没有双眼皮的猫管我,你就马上弄了只双眼皮的猫来。你这不是盼着我赶紧死吗?”
喵喵呱语塞,好像还真是这个道理。
呱呱喵越说越来气:“我还就不死了!我得多活两天气气你!”
喵喵呱说:“那……不死了也挺好的。”
喵喵呱看呱呱喵气鼓鼓的,递了个苹果过去。
“不要!”
换了根香蕉。
“拿走!”
西瓜总可以吧!
“不切开怎么吃?”
对于切西瓜这件事情,Scratch也是可以完成的。但基本上要分以下步骤:第一步是创建一个西瓜;第二步是创造一个切开的西瓜;第三步是给西瓜角色写上脚本。
呱呱喵:“没有吃西瓜的步骤,差评!”
单击新建角色按钮,选择绘制方式,如图2-13所示。这表明将使用绘图编辑器来绘制一个新的角色。
在开始绘制之前,记得把角色名称改成“西瓜”,如图2-14所示。

图2-13

图2-14
喵喵呱:“名字是不是可以随便起?”
这里的角色名称确实是随便起的,但养成一个良好的命名习惯,在今后制作一些角色比较多的作品时会方便很多。另外,准确的命名和注释也说明作者是一个做事情比较有条理、干净利索的人。这样别人在阅读你的程序时就比较容易理解你的思路。
喵喵呱:“有道理!如果给西瓜起名叫‘苹果’,那么没多久就会忘记。这样写的程序自己也看不懂……”
选择椭圆工具,如图2-15所示,调整好填充和轮廓的参数,在画布上绘制一个椭圆。不要在意填充的颜色数值是多少,你觉得西瓜是什么颜色的,就调整成自己认为舒服的颜色。同理,轮廓的设置也是一样的。
使用矩形工具绘制一个和西瓜长度相似的矩形,并选择西瓜花纹的颜色,轮廓设置为
,表示没有,如图2-16所示。

图2-15

图2-16
使用变形工具调整矩形为西瓜的纹理,如图2-17所示。注意观察西瓜纹理的造型特点,形状不需要很拘谨,随意一些比较好看。然后多绘制几个矩形,使用同样的方式调节造型,效果如图2-18所示。

图2-17

图2-18
喵喵呱:“图2-18中怎么不用复制的方法来制作呢?”
这里是根据形状的特点来选择方法的,也可以使用复制方法试一试,然后对比使用哪种方法更适合制作西瓜的纹理。最后使用画笔工具,设置一种稍微亮点的颜色,在西瓜上面绘制出高光部分,让人能感觉出西瓜的质感。一个完美的西瓜就完成了,如图2-19所示。

图2-19
喵喵呱:“制作完整的西瓜比较简单,重点是制作切开的西瓜。”
首先在Scratch界面左侧选择西瓜1造型,单击鼠标右键,在弹出的菜单中选择复制命令,如图2-20所示。出现西瓜2造型之后,使用选择工具,框选整个画布区域来选择完整的西瓜,按住Shift键使西瓜旋转90度,使西瓜立置,如图2-21所示。

图2-20

图2-21
喵喵呱:“这里为什么是复制一个造型,而不是复制一个角色呢?”
因为这里要制作的是这个西瓜的两种状态,一个是西瓜正常的状态,另一个是西瓜打开的状态。如果复制角色,得到的就是另一个西瓜了。
选择橡皮擦工具,设置一个大号的笔刷,如图2-22所示,把西瓜擦掉一半,然后就有了如图2-23所示的半个西瓜。接下来使用椭圆工具,轮廓不变,颜色选择西瓜瓤的红色,瞄准这半个西瓜的顶部绘制一个椭圆,如图2-24所示。椭圆的大小、位置有问题也没关系,后续可以使用选择工具选中后,配合键盘的方向键来进行调整。
复制图2-24中新画的这个椭圆,调整轮廓的颜色为白色,并调整其大小,让它比之前画的椭圆刚好小一圈,如图2-25所示。

图2-22

图2-23

图2-24

图2-25
使用笔刷工具在红色椭圆内随机点一些黑点,切好的半个西瓜就制作完成了,如图2-26所示。

图2-26
喵喵呱:“除西瓜子画得有点潦草外,总体感觉还可以。第三步是写脚本吗?”
西瓜现在有了西瓜1和西瓜2两个造型,分别是完整的西瓜和切开的西瓜。接下来给西瓜角色写脚本。
和角色造型有关的积木都在“外观”标签下,如图2-27所示,其中有两个积木是必须要掌握的,它们是“换成……造型”积木和“下一个造型”积木。

图2-27
喵喵呱:“背景也有两个类似的积木。它们和造型有什么关系吗?”
我们可以把背景理解成一个特殊的角色,每一张背景都是背景角色的造型。这样比较容易理解。知道了这两个积木后,再来决定在什么时候把西瓜切开。
喵喵呱:“如果我没猜错的话,这种积木应该在‘事件’标签下,如图2-28所示。”
聪明!我们从三个积木里挑选一个:当被点击、当按下……键、当角色被点击。这里选择的是“当
被点击”积木和“当角色被点击”积木,如图2-29所示,这两个事件分别对应两种造型。这样就实现了在程序启动的时候显示一个完整的西瓜,在西瓜被点击的时候显示切成两半的效果。

图2-28

图2-29
喵喵呱:“将‘角色被点击’切换到‘下一个造型’也很好玩!”
动手做
1.仿照本节介绍的步骤制作切西瓜的小程序,可以尝试在背景里绘制和编写程序。
2.本节的小程序仅仅做到了把西瓜切成两半,试着增加西瓜的造型,如成块的西瓜,以及吃过的西瓜。
问问你
一般来说,角色的造型都是与角色相关的,例如,西瓜和切开的西瓜、小猫和微笑的小猫,等等。那么,在同一角色不同造型中使用完全不相关的东西是否可以?在什么情况下会用到这种操作呢?
