1.学习画笔
2.学会处理细节
3.理解位置坐标
引言苏教版三年级上册第三章内容是长方形和正方形,其中第38页第6题是,“在下面的方格纸上画一个长方形和一个正方形”。
今天,我们结合Scratch的画笔功能,来画一下。效果图见图1,是不是很有趣味性?
动态效果图图1 使用画笔画个长方形
添加扩展我们打开Scratch,默认是没有画笔相关代码的,我们需要添加进来。
在Scratch界面的左下角,找到图2所示的“添加扩展”按钮,然后选择“画笔-绘制角色”。
这样画笔相关的代码都添加进来了,我们使用的Scratch3.0中,一共9个画笔代码模块。今天我们使用其中的基本代码就可以了。
图2 添加扩展
布置舞台下面我们布置下舞台,最后的舞台应该是图3那样,具体步骤如下:
- 删除默认的小猫角色
- 添加Scratch程序自带的Pencil角色。(英文Pencil就是铅笔的意思)
- 设置Pencil角色大小为60,否则太大不合适。
- 添加Scratch程序自带的Xy-grid-20px背景。(xy说明是坐标轴,英文grid就是“网格”的意思,20px说明网格中每一小格就是20步,这些含义一定要了解。以后我们自己的角色、背景等等也要取这样容易理解的名称,养成这样的好习惯)
注意下,网格中间有一根灰色的水平线和一根灰色的垂直线,它们的交点是舞台的正中心,位置坐标是x=0,y=0。
那么我们看这条灰色的水平线,它下面的位置的y值都是负数,它上面的位置的y值都是正数。
再看这条灰色的垂直线,它左边的位置的x值都是负数,它右边的位置的x值都是正数。
这些位置坐标知识要理解下。
图3 布置舞台
调整笔尖的位置。角色的移动都是依据角色的中心点来移动的,Pencil角色也不例外,但我们不希望铅笔的中间笔杆在移动,我们希望铅笔的笔尖在移动,所以需要把Pencil角色的中心点调整到笔尖。
具体操作步骤如下:
- 在设置区将Pencil角色的x设置为0,y设置为0。
- 点击左上角“造型”标签页,选中造型a。
- 选择“选择工具”,也就是那个小箭头。
- 然后从铅笔左上方空白处向右下方拖动,把整个铅笔框起来,松开鼠标,整个铅笔被选中。(也可以使用快捷键Ctrl a)
- 通过键盘的4个方向键,慢慢调整笔尖的位置到舞台的正中心。(两根灰色线的交点就是舞台正中心)
图5 调整笔尖位置
编写代码我们按照图6组装代码,代码分析如下:
(一边阅读下面的代码分析,一边想象我们写字的过程)
- 当绿色小旗被点击,开始执行下面的代码。
- 首先将铅笔移动到起点(x:-160,y:60)。
- “落笔”,就是把笔接触到纸上。
- 面向90方向,就是保证铅笔目前倾斜的状态,一般写字的状态就是这个角度,这块代码不用其实也可以。
- 从起点开始移动,y值不变,x增加320,也就是向右移动16格(320/20=16格)。
图6 部分代码
完整代码上面的代码理解后,我们再来看下面完整的代码,应该是很容易的了。
我来把几个增加的代码,讲一下。
- “全部擦除”:相当于在画之前,先把上面擦干净,保证是一张没画过的白纸。如果没有这块代码,在第二次执行程序时,第一次画的图形是不会自动擦除的。
- “等待1秒”:为了让画的过程体现出来。可以体验下添加或者不添加这块代码的两种情况,添加的情况更好一些。
- “抬笔”:画完了,自然要把笔抬起来,离开纸面。否则,任何移动,都会继续在纸上画线。这个长方形,最后是回到了起点,所以没有影响。不过,还是添加为好,养成习惯。
图7 完整代码
现在我们学会了,使用Scratch程序画长方形,那么,自己试试画正方形吧。
本文所有图片及文字内容,均为原创,转载时请保留版权信息。
以往教程:
,