# 第9课 喵喵学画画 看到朋友们在电脑上画出各种各样好看的图画，“喵喵”可羡慕了，它也想学习画画。让我们一起来帮“喵喵”学画画吧。 在本课的范例中，我们需要制作的是一块能够自由画画的画板。该画板拥有清屏功能，也可以选择不同颜色的画笔来绘图。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CdcGUYEnuTQNCM%2Fscratch9-0.png?generation=1548147781964109\&alt=media) ## 创意构思 为了制作一块能够自由画画的画板，可以使用鼠标来控制画笔，如果按住鼠标左键在舞台上移动，可以将鼠标移动的轨迹画出来。除此之外，通过广播的方式，设置画笔的颜色以及清除屏幕功能。 要完成本课的创意构思，需要了解以下的新指令： 1\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CiNZIo6TD6dcrF%2Fscratch9-1.png?generation=1548147788652427\&alt=media) 属于“画笔”类别指令，执行该指令后，角色在舞台上移动时会留下画笔轨迹。 2\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CobnDoAxX96aIB%2Fscratch9-2.png?generation=1548147784430210\&alt=media) 属于“画笔”类别指令，作用与上一个指令正好相反，角色在舞台上移动时不会留下画笔轨迹，默认状态下，所有角色都处于这种状态。 3\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CrxL4-LiPA2g2j%2Fscratch9-3.png?generation=1548147782498724\&alt=media) 属于“画笔”类别指令，清除舞台中所有的画笔轨迹e。 4\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CuGGu_jpCcuwzk%2Fscratch9-4.png?generation=1548147785509035\&alt=media) 于“画笔”类别指令，将画笔颜色设置成指定颜色。单击指令中的颜色参数，然后用鼠标在需要设定的颜色上单击，就会设置这个颜色作为画笔颜色。 5\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3CyDaQqTHxhBWH9%2Fscratch9-5.png?generation=1548147783082569\&alt=media) 属于“画笔”类别指令，将画笔设置成指定粗细；指令的参数就是具体的粗细值。 6\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3D0Bdp5qXWj12AF%2Fscratch9-6.png?generation=1548147784627073\&alt=media) 属于“事件”类别指令，当按下键盘上的指定按键时，执行指令下方的脚本；可以在下拉列表参数中选择具体的按键。 7\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3D2iMgOo5scX3bP%2Fscratch9-7.png?generation=1548147778694895\&alt=media) 属于“控制”类别指令，可以编写“选择”结构的程序脚本。它包含两段相互独立的脚本，当指定的条件成立时，执行第一段脚本；如果不成立，执行第二段脚本。指令的参数就是判断的条件。 [单击此处](http://haohaodada.com/video/a20901.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3D4qzwnFZy9mUH-%2Fa20901.png?generation=1548147785697657\&alt=media) 8\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3K7RJMNj61O1cvy%2Fscratch9-8.png?generation=1548147779212607\&alt=media) 属于“控制”类别指令，Scratch“循环”程序结构的一种，可以无条件地重复执行指令所包含的脚本。 9\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DHvsA2l03PRa4Q%2Fscratch9-9.png?generation=1548147784372066\&alt=media) 属于“动作”类别指令，当鼠标位于舞台范围内时，可以将角色定位到鼠标指针位置。 10\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DKZ6DAmJ4kQr4U%2Fscratch9-10.png?generation=1548147785748870\&alt=media) 属于“侦测”类别指令，检测是否按下了鼠标左键。 11\. ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DNxZLaMU0_h7Ew%2Fscratch9-11.png?generation=1548147789194237\&alt=media) ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DPtP79Y822qZiD%2Fscratch9-12.png?generation=1548147780369907\&alt=media) 属于“外观”类别指令，在舞台上显示或者隐藏角色。 ## 脚本设计 ### 第一步：准备背景 一个完整的作品，应该有一个软件封面。一般封面包含作品名称、作者、操作说明等信息。运行程序后，首先就显示软件封面。因此，本课范例包含“封面”和“画板”两个背景： 1. 使用PowerPoint制作一张幻灯片作为封面的背景图片。内容为：“作品名称：神奇的画板”，“作者：喵喵”，“操作说明：按空格键，进入画板！”。制作完成后将幻灯片保存为“封面”。 2. 将制作保存的“封面”图片导入到Scratch，作为舞台背景。 3. 修改默认的舞台背景名称，重命名为“画板”；调整这两个背景缩略图的顺序，第一个背景缩略图为“封面”，第二个为“画板”。 [单击此处](http://haohaodada.com/video/a20902.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DR7qw0Rc2C-Tpc%2Fa20902.png?generation=1548147783364934\&alt=media) #### 想一想 软件封面还可以怎样设计？ ### 第二步：准备角色 本课范例作品有五个角色，可以按以下步骤准备这些角色： 1.由于本课范例不需要使用默认的小猫角色，可以将它删除。 2.从Scratch角色库中导入“Pencil”和“Button3”这两个角色，再分别重命名为“画笔”和“板擦”。 3.单击“角色列表区”的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon2pcDDqfdanzzf5C%2Fscratch5-6.png?generation=1548147776491007\&alt=media) 按钮，进入“造型”选项卡后，单击右下角的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DV1oVp7wGM7FvC%2Fscratch8-7.png?generation=1548147785246326\&alt=media) 按钮，进入“矢量模式”。 4.单击选中“矢量工具按钮”中的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DX4f0pty3KXTtY%2Fscratch9-13.png?generation=1548147778432499\&alt=media) 按钮，再单击选中“颜色”区域的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon2rI8jQL0WiY46YE%2Fscratch8-9.png?generation=1548147778838410\&alt=media) 及“填充模式”中的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon2rK2Rnsk_WOjr9L%2Fscratch8-10.png?generation=1548147776552793\&alt=media) 最后在“造型编辑区”拖动鼠标，画出一个红色矩形；将这个新角色命名为“红色”。 5.在“角色列表区”右键单击“红色”角色缩略图；然后，在快捷菜单中选择“复制”选项，将复制的角色重命名为“绿色” 6.单击“绿色”角色，进入这个角色的“造型”选项卡，将造型中的矩形填充成绿色。 7.按同样的方法再复制一个角色，重命名为 “黑色”，再将造型中的矩形填充成黑色。 8.调整所有角色的大小，并把它们摆放到舞台的合适位置。 [单击此处](http://haohaodada.com/video/a20903.php)或者扫描下方二维码观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3Dclj4_2ayUjy6E%2Fa20903.png?generation=1548147783223080\&alt=media) ### 第三步：隐藏角色 范例程序运行后，首先显示的是“封面”背景，而其它角色此时都是隐藏的。因此，首先需要单击背景缩略图，添加以下图所示的背景脚本： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DeAtnPzXVOKdic%2Fscratch9-14.png?generation=1548147780745069\&alt=media) 然后，还需要分别为“画笔”、“红色”、“绿色”、“黑色”和“板擦”这些角色添加如下图所示的角色脚本： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3Dgl-7-dSajcR5K%2Fscratch9-15.png?generation=1548147782434382\&alt=media) [单击此处](http://haohaodada.com/video/a20904.php)或者扫描上方的二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3Diu81UrybrmioN%2Fa20904.png?generation=1548147777538649\&alt=media) ### 第四步：显示角色 当按下键盘上的“空格键”后，需要先将舞台背景切换成“画板”；然后再向所有角色广播“开始”消息。相关的背景脚本如下图所示： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DkNJ0aXPcqKiyo%2Fscratch9-16.png?generation=1548147779334654\&alt=media) 当“画笔”、“红色”、“绿色”、“黑色”和“板擦”角色收到“开始”消息后，应该在舞台上显示。因此这些角色都应该有如下图所示的角色脚本： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DmxnuFVy0UnBMa%2Fscratch9-17.png?generation=1548147777579779\&alt=media) [单击此处](http://haohaodada.com/video/a20905.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DoTp2O8GuWvHtb%2Fa20905.png?generation=1548147782476637\&alt=media) #### 试一试 程序开始运行的时候不隐藏这些角色，会出现什么问题？ [单击此处](http://haohaodada.com/video/a20906.php)或者扫描下方二维码可以观看相关视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3Dqe7Dnb3b5PXV1%2Fa20906.png?generation=1548147777234835\&alt=media) ### 第五步：让画笔动起来 为“画笔”角色添加如下图所示脚本，可以使它能够跟随鼠标移动： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3Ds_IMDaNxrINfL%2Fscratch9-18.png?generation=1548147781268144\&alt=media) [单击此处](http://haohaodada.com/video/a20907.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DuKMyDP5oHrp4f%2Fa20907.png?generation=1548147777022795\&alt=media) #### 想一想 * 上述脚本中的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3K7RJMNj61O1cvy%2Fscratch9-8.png?generation=1548147779212607\&alt=media) 指令能否删除？为什么？ [单击此处](http://haohaodada.com/video/a20908.php)或者扫描下方二维码可以观看相关视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3DyTv9U_Sz67P-Y%2Fa20908.png?generation=1548147777856902\&alt=media) ### 第六步：在舞台上绘图 要让“画笔”在舞台上绘图，需要首先检测是否按下鼠标左键，如果按下了，那么就“落笔”，使画笔在移动的同时留下笔迹；如果没有按下鼠标左键，那么就“抬笔”，使画笔移动的同时不留下笔迹。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3E-hsIFDwNgrAQ3%2Fscratch9-19.png?generation=1548147778179982\&alt=media) [单击此处](http://haohaodada.com/video/a20909.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3E10BBcBIwodziw%2Fa20909.png?generation=1548147779821666\&alt=media) ### 第七步：设置“画笔”角色的造型中心 通过以上操作，可以通过鼠标控制“画笔”角色在舞台上作画。但按下鼠标左键时，并没有从“画笔”的笔尖位置产生线条，这是为什么呢？ 原来，在Scratch中，每个角色都有一个“造型中心”。在默认的情况下，造型中心位于造型的中心位置，所以按下鼠标左键画出的线条是从“画笔”的造型中心画出来。正确状态下应该是从“画笔”的笔尖画出线条，这就需要将“画笔”的造型中心变更到笔尖位置： 要设置“画笔”角色的造型中心，可以按以下步骤操作： 1.选中“画笔”角色，再单击“造型”选项卡。 2.单击造型编辑窗口右上角的 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3E3e-aGn1FFumlI%2Fscratch9-20.png?generation=1548147781511455\&alt=media) 按钮，可以看到在造型编辑区有两条直线相交，交点位置就是角色的造型中心。 3.在“画笔”角色的笔尖位置单击，将造型中心变更到笔尖位置。 [单击此处](http://haohaodada.com/video/a20910.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3E5O3AQTKu-aqdx%2Fa20910.png?generation=1548147783086073\&alt=media) ### 第八步：设置画板按钮功能 通过单击舞台下方的“红色”、“绿色”和“黑色”这三个角色，可以设置画笔的颜色，使画笔的颜色更为丰富。 依次为单击这三个角色，分别添加以下图所示脚本： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3E88PSEJzL4OVNu%2Fscratch9-21.png?generation=1548147779627225\&alt=media) 然后，在“画笔”角色的脚本中添加以下的消息处理脚本： ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3EA6UsuDdX7pHo9%2Fscratch9-22.png?generation=1548147784523350\&alt=media) [单击此处](http://haohaodada.com/video/a20911.php)或者扫描下方二维码可以观看以上内容相关的视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3EDy6601yfBly5g%2Fa20911.png?generation=1548147778468997\&alt=media) #### 练一练 为画板中的“板擦”角色编写脚本，使得单击后能够清除“画板”上的图画。 [单击此处](http://haohaodada.com/video/a20912.php)或者扫描下方二维码可以观看相关视频。 ![](https://3988445729-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LWF1jkbOkV3Cs8uqgVf%2F-LWon-E-Y_LAJdSFdy1O%2F-LWon3EFJYCB2xKNs1NU%2Fa20912.png?generation=1548147779886559\&alt=media) ## 拓展思考 “喵喵”学画画用的画板终于制作完成了，你还能够为这块画板添加更多的功能吗？