# 第9课 喵喵学画画

看到朋友们在电脑上画出各种各样好看的图画，“喵喵”可羡慕了，它也想学习画画。让我们一起来帮“喵喵”学画画吧。

在本课的范例中，我们需要制作的是一块能够自由画画的画板。该画板拥有清屏功能，也可以选择不同颜色的画笔来绘图。

![](/files/-LWon3CdcGUYEnuTQNCM)

## 创意构思

为了制作一块能够自由画画的画板，可以使用鼠标来控制画笔，如果按住鼠标左键在舞台上移动，可以将鼠标移动的轨迹画出来。除此之外，通过广播的方式，设置画笔的颜色以及清除屏幕功能。

要完成本课的创意构思，需要了解以下的新指令：

1\.

![](/files/-LWon3CiNZIo6TD6dcrF)

属于“画笔”类别指令，执行该指令后，角色在舞台上移动时会留下画笔轨迹。

2\.

![](/files/-LWon3CobnDoAxX96aIB)

属于“画笔”类别指令，作用与上一个指令正好相反，角色在舞台上移动时不会留下画笔轨迹，默认状态下，所有角色都处于这种状态。

3\.

![](/files/-LWon3CrxL4-LiPA2g2j)

属于“画笔”类别指令，清除舞台中所有的画笔轨迹e。

4\.

![](/files/-LWon3CuGGu_jpCcuwzk)

于“画笔”类别指令，将画笔颜色设置成指定颜色。单击指令中的颜色参数，然后用鼠标在需要设定的颜色上单击，就会设置这个颜色作为画笔颜色。

5\.

![](/files/-LWon3CyDaQqTHxhBWH9)

属于“画笔”类别指令，将画笔设置成指定粗细；指令的参数就是具体的粗细值。

6\.

![](/files/-LWon3D0Bdp5qXWj12AF)

属于“事件”类别指令，当按下键盘上的指定按键时，执行指令下方的脚本；可以在下拉列表参数中选择具体的按键。

7\.

![](/files/-LWon3D2iMgOo5scX3bP)

属于“控制”类别指令，可以编写“选择”结构的程序脚本。它包含两段相互独立的脚本，当指定的条件成立时，执行第一段脚本；如果不成立，执行第二段脚本。指令的参数就是判断的条件。

[单击此处](http://haohaodada.com/video/a20901.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3D4qzwnFZy9mUH-)

8\.

![](/files/-LWon3K7RJMNj61O1cvy)

属于“控制”类别指令，Scratch“循环”程序结构的一种，可以无条件地重复执行指令所包含的脚本。

9\.

![](/files/-LWon3DHvsA2l03PRa4Q)

属于“动作”类别指令，当鼠标位于舞台范围内时，可以将角色定位到鼠标指针位置。

10\.

![](/files/-LWon3DKZ6DAmJ4kQr4U)

属于“侦测”类别指令，检测是否按下了鼠标左键。

11\.

![](/files/-LWon3DNxZLaMU0_h7Ew)

![](/files/-LWon3DPtP79Y822qZiD)

属于“外观”类别指令，在舞台上显示或者隐藏角色。

## 脚本设计

### 第一步：准备背景

一个完整的作品，应该有一个软件封面。一般封面包含作品名称、作者、操作说明等信息。运行程序后，首先就显示软件封面。因此，本课范例包含“封面”和“画板”两个背景：

1. 使用PowerPoint制作一张幻灯片作为封面的背景图片。内容为：“作品名称：神奇的画板”，“作者：喵喵”，“操作说明：按空格键，进入画板！”。制作完成后将幻灯片保存为“封面”。
2. 将制作保存的“封面”图片导入到Scratch，作为舞台背景。
3. 修改默认的舞台背景名称，重命名为“画板”；调整这两个背景缩略图的顺序，第一个背景缩略图为“封面”，第二个为“画板”。

[单击此处](http://haohaodada.com/video/a20902.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3DR7qw0Rc2C-Tpc)

#### 想一想

软件封面还可以怎样设计？

### 第二步：准备角色

本课范例作品有五个角色，可以按以下步骤准备这些角色：

1.由于本课范例不需要使用默认的小猫角色，可以将它删除。

2.从Scratch角色库中导入“Pencil”和“Button3”这两个角色，再分别重命名为“画笔”和“板擦”。

3.单击“角色列表区”的

![](/files/-LWon2pcDDqfdanzzf5C)

按钮，进入“造型”选项卡后，单击右下角的

![](/files/-LWon3DV1oVp7wGM7FvC)

按钮，进入“矢量模式”。

4.单击选中“矢量工具按钮”中的

![](/files/-LWon3DX4f0pty3KXTtY)

按钮，再单击选中“颜色”区域的

![](/files/-LWon2rI8jQL0WiY46YE)

及“填充模式”中的

![](/files/-LWon2rK2Rnsk_WOjr9L)

最后在“造型编辑区”拖动鼠标，画出一个红色矩形；将这个新角色命名为“红色”。

5.在“角色列表区”右键单击“红色”角色缩略图；然后，在快捷菜单中选择“复制”选项，将复制的角色重命名为“绿色”

6.单击“绿色”角色，进入这个角色的“造型”选项卡，将造型中的矩形填充成绿色。

7.按同样的方法再复制一个角色，重命名为 “黑色”，再将造型中的矩形填充成黑色。

8.调整所有角色的大小，并把它们摆放到舞台的合适位置。

[单击此处](http://haohaodada.com/video/a20903.php)或者扫描下方二维码观看以上内容相关的视频。

![](/files/-LWon3Dclj4_2ayUjy6E)

### 第三步：隐藏角色

范例程序运行后，首先显示的是“封面”背景，而其它角色此时都是隐藏的。因此，首先需要单击背景缩略图，添加以下图所示的背景脚本：

![](/files/-LWon3DeAtnPzXVOKdic)

然后，还需要分别为“画笔”、“红色”、“绿色”、“黑色”和“板擦”这些角色添加如下图所示的角色脚本：

![](/files/-LWon3Dgl-7-dSajcR5K)

[单击此处](http://haohaodada.com/video/a20904.php)或者扫描上方的二维码可以观看以上内容相关的视频。

![](/files/-LWon3Diu81UrybrmioN)

### 第四步：显示角色

当按下键盘上的“空格键”后，需要先将舞台背景切换成“画板”；然后再向所有角色广播“开始”消息。相关的背景脚本如下图所示：

![](/files/-LWon3DkNJ0aXPcqKiyo)

当“画笔”、“红色”、“绿色”、“黑色”和“板擦”角色收到“开始”消息后，应该在舞台上显示。因此这些角色都应该有如下图所示的角色脚本：

![](/files/-LWon3DmxnuFVy0UnBMa)

[单击此处](http://haohaodada.com/video/a20905.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3DoTp2O8GuWvHtb)

#### 试一试

程序开始运行的时候不隐藏这些角色，会出现什么问题？

[单击此处](http://haohaodada.com/video/a20906.php)或者扫描下方二维码可以观看相关视频。

![](/files/-LWon3Dqe7Dnb3b5PXV1)

### 第五步：让画笔动起来

为“画笔”角色添加如下图所示脚本，可以使它能够跟随鼠标移动：

![](/files/-LWon3Ds_IMDaNxrINfL)

[单击此处](http://haohaodada.com/video/a20907.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3DuKMyDP5oHrp4f)

#### 想一想

* 上述脚本中的

![](/files/-LWon3K7RJMNj61O1cvy)

指令能否删除？为什么？

[单击此处](http://haohaodada.com/video/a20908.php)或者扫描下方二维码可以观看相关视频。

![](/files/-LWon3DyTv9U_Sz67P-Y)

### 第六步：在舞台上绘图

要让“画笔”在舞台上绘图，需要首先检测是否按下鼠标左键，如果按下了，那么就“落笔”，使画笔在移动的同时留下笔迹；如果没有按下鼠标左键，那么就“抬笔”，使画笔移动的同时不留下笔迹。

![](/files/-LWon3E-hsIFDwNgrAQ3)

[单击此处](http://haohaodada.com/video/a20909.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3E10BBcBIwodziw)

### 第七步：设置“画笔”角色的造型中心

通过以上操作，可以通过鼠标控制“画笔”角色在舞台上作画。但按下鼠标左键时，并没有从“画笔”的笔尖位置产生线条，这是为什么呢？ 原来，在Scratch中，每个角色都有一个“造型中心”。在默认的情况下，造型中心位于造型的中心位置，所以按下鼠标左键画出的线条是从“画笔”的造型中心画出来。正确状态下应该是从“画笔”的笔尖画出线条，这就需要将“画笔”的造型中心变更到笔尖位置： 要设置“画笔”角色的造型中心，可以按以下步骤操作：

1.选中“画笔”角色，再单击“造型”选项卡。

2.单击造型编辑窗口右上角的

![](/files/-LWon3E3e-aGn1FFumlI)

按钮，可以看到在造型编辑区有两条直线相交，交点位置就是角色的造型中心。

3.在“画笔”角色的笔尖位置单击，将造型中心变更到笔尖位置。

[单击此处](http://haohaodada.com/video/a20910.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3E5O3AQTKu-aqdx)

### 第八步：设置画板按钮功能

通过单击舞台下方的“红色”、“绿色”和“黑色”这三个角色，可以设置画笔的颜色，使画笔的颜色更为丰富。

依次为单击这三个角色，分别添加以下图所示脚本：

![](/files/-LWon3E88PSEJzL4OVNu)

然后，在“画笔”角色的脚本中添加以下的消息处理脚本：

![](/files/-LWon3EA6UsuDdX7pHo9)

[单击此处](http://haohaodada.com/video/a20911.php)或者扫描下方二维码可以观看以上内容相关的视频。

![](/files/-LWon3EDy6601yfBly5g)

#### 练一练

为画板中的“板擦”角色编写脚本，使得单击后能够清除“画板”上的图画。

[单击此处](http://haohaodada.com/video/a20912.php)或者扫描下方二维码可以观看相关视频。

![](/files/-LWon3EFJYCB2xKNs1NU)

## 拓展思考

“喵喵”学画画用的画板终于制作完成了，你还能够为这块画板添加更多的功能吗？


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.haohaodada.cn/zai-xian-ru-men-ke-cheng/scratch-primer/lesson-9.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.