网格纸涂格子画画

学习编程与图形绘制

1. 掌握画笔工具

2. 精于细节处理

3. 理解坐标系统的重要性

苏教版三年级上册的第三章内容涉及了长方形和正方形的概念，其中第38页的第6题是：“在提供的方格纸上绘制一个长方形和一个正方形。”这一任务既具有趣味性，又富含教育意义。

今日，我们将结合Scratch编程平台的画笔功能，来实际操作一下。从效果图（图1）中，大家可以感受到其中的趣味性，是不是很期待呢？

图1 示范画笔绘制长方形

打开Scratch软件，你会发现默认情况下并没有与画笔相关的代码。为了实现绘画功能，我们需要手动添加相关的扩展模块。

在Scratch界面的左下角，找到图2所示的“添加扩展”按钮，然后选择“画笔-绘制角色”。这样，与画笔相关的代码模块就会被添加进来。我们使用的Scratch3.0版本中，提供了丰富的画笔代码模块，今天我们将使用其中的基础模块来完成任务。

图2 扩展功能的添加

接下来，我们开始布置舞台，目标舞台应如图3所示。具体步骤如下：

删除默认的小猫角色，为我们的绘画操作腾出空间。

添加Scratch程序自带的Pencil角色，即铅笔角色。

调整Pencil角色的大小至合适尺寸，这里设定为60以保持比例协调。

选择一个合适的背景，这里选择的是带有坐标网格的背景，方便我们理解和操作位置坐标。

请注意舞台上的灰色水平线和垂直线，它们的交点是舞台的正中心，其位置坐标为x=0，y=0。理解这一坐标系统是至关重要的。

水平线下方的位置y值为负数，而其上方的y值为正数；同理，垂直线左边的x值为负数，右边的x值为正数。这一位置坐标知识是我们接下来操作的基础。

图3 舞台布置示意图

角色的移动基于其中心点进行，Pencil角色也不例外。但为了使绘画更加自然，我们希望铅笔的笔尖移动而非中间部分。我们需要调整Pencil角色的中心点到笔尖位置。

具体操作步骤如下（以图示和文字说明为准）：

在设置区域中，将Pencil角色的x和y坐标调整为0。

进入“造型”标签页，选择要操作的造型a。

使用“选择工具”框选整个铅笔角色。

通过键盘的方向键微调笔尖至舞台正中心。

图4 调整铅笔角色与笔尖定位

下面是一份代码示例及其简要分析（请参考图6），想象我们绘画的过程，它就像是书写或绘画的自然动作一样。

1. 当绿色小旗被点击时，程序开始执行。

2. 铅笔移动到绘画的起始位置（具体坐标为x：-160，y：60）。

3. 开始“落笔”，即准备在纸上作画。

4. 根据预先设定的角度（此处为90度）开始绘画。这个角度通常是书写时的标准角度，但在此处不是必需的。

5. 从起点开始向右移动一定距离（这里是x轴方向增加320个单位）。

图5 代码示例与操作流程说明

理解了上述代码后，再来看完整的代码就会觉得简单许多了。额外的代码部分如“全部擦除”、“等待1秒”以及“抬笔”等操作都是为了优化绘画体验和结果而设计的。这些细节的考虑使得整个绘画过程更加自然和流畅。

图6 完整代码展示与理解