济南白癜风医院 http://baidianfeng.39.net/a_zzzl/131229/4319047.html

今天我们来做一个七彩画笔“画图”小程序吧。

情景:打开小程序我们会看到白色画布和小画笔,拿起小画笔点击选取画布下方的颜色块,就可以涂鸦了。

其中,点击黑色颜色块则会擦掉画布上所有内容哦。

角色:小画笔 彩色颜色块。

重要知识点:设置角色中心,设置扩展代码,体会程序控制的“选择结构”。

一、准备工作:

1、先请系统默认的小猫角色离场;

请小猫离场

2、添加新角色;

(1)画笔造型:可以使用角色库中现有的画笔,也可以自己绘制一支独特的小画笔;

角色库

调整好大小;

画笔大小

调整好中心;

注意敲黑板了:为了使画笔绘画更真实,也就是实现用画笔笔尖来画画,需要把画笔角色中心位置定位到笔尖;

方法:拖动画笔,使笔尖指向编辑区域的灰色中心小圆点标志处;

中心点笔尖定位中心点

(2)颜色块造型:需要手动绘制(赤、橙、黄、绿、青、蓝、紫、黑)八个角色造型;

先绘制一个圆形红色块:填充为红色,而且要取消轮廓线;

红色颜色块

调整好颜色块的大小,再逐一复制出其它的颜色块(之所以用“复制”绘制其它的颜色块,是因为这样可以使各颜色块整齐划一):

复制七块

使用填充法,绘制橙色颜色块;

橙色设置填充

同理,分别填充其它各个颜色块的颜色,完成赤、橙、黄、绿、青、蓝、紫、黑八个颜色块造型设置:

八个色块

二、设计脚本:

注意,整个程序的脚本仅仅是画笔一个造型的脚本,八个颜色块造型不用设置脚本,因为它们八个自始至终是一动不动的;

好了,开始设置画笔脚本,但问题来了——Scratch3.0怎么找不到“画笔”代码了呢?

——原来Scratch3.没有把“画笔”放在默认代码分类区,而是把它放在了左下角的扩展库中;需要用到画笔代码的时候,我们再把它从扩展库中拿出来放到代码分类区使用;

添加扩展扩展库画笔代码

(1)设置画笔的笔触大小:使用“画笔”代码中的“将笔的粗细设为n”模块;

笔触大小

(2)画笔跟随鼠标移动命令:使用“运动”代码中的“移动到鼠标指针”模块;

移动

(3)落笔和抬笔命令:使用“画笔”代码中的“落笔”和“抬笔”模块;

落笔抬笔

(4)改变画笔颜色命令:使用“画笔”代码中的“将笔的颜色设为”模块;

改变颜色

(5)清除画布颜色命令:使用“画笔”代码中的“全部擦除”模块;

擦除

(6)注意又敲黑板了:选择结构

落笔和抬笔以及改变颜色都有一个共同点:需要条件判断;也就是如果按下鼠标左键那么可以绘画,否则抬起鼠标左键停止绘画;如果点击不同颜色块,那么画笔更换不同的颜色。其实这样有条件地执行一些命令就是程序控制中的选择结构;在Scratch中我们可以用“控制”代码中的这两个模块来实现:

条件模块

仔细观察一下,在“如果”后面的填补模块形状有什么特点?对,是两头尖的,表示这是一个判断条件,需要用到“侦测”代码中的对应两头尖的条件模块命令;

条件模块条件模块

由于颜色块比较多,改变画笔颜色的脚本就会比较繁琐,但分析一下,我们会发现,画笔选取每个颜色的脚本内容是相似的,所以我们可以先设计画笔点击一种颜色,比如红色颜色块的部分脚本,然后通过右键复制命令完成其它6个颜色块的画笔颜色选择脚本:

红色复制命令拖动复制

复制出6个脚本块后需要微调其中的两个模块:

模块一:“碰到角色1”分别改为角色2到角色7;

模块二:“将笔的颜色设为红”,相应的颜色分别改为橙到紫,

设置完后我们可以看到,改变画笔颜色的脚本可真不短呢。

三、完整脚本:

1、落笔与抬笔:如果单击左键那么绘画,否则抬笔;

落笔与抬笔

2、改变颜色:如果点击角色1到角色7,那么执行相应的命令改变画笔颜色;

改变颜色

3、擦除画布内容:如果碰到角色8即黑色颜色块,那么执行擦除画布内容命令;

擦除

想一想,怎么改变画布颜色呢?

——对了,通过设置不一样的背景(背景库选择,或者手动绘制)就可以实现了。

快来试一试制作你的七彩“画图”小程序吧。



转载请注明地址:http://www.liangtoujiana.com/dtjyx/12030.html