《少儿创意学编程(Scratch基础篇)》,参考了英国公益组织发起的“code club(代码俱乐部)”——少儿免费学编程活动。愿为中国的少儿创意编程教育尽微薄之力,对国内的家长、信息教师和相关教育机构有所帮助,共同促进软件素质教育的发展。
本课程以Scratch软件为教育工具。Scratch是一种图形化编程语言,由麻省理工学院开发。孩子们可以像搭积木一样,拖动和组合代码块,制作丰富多样的程序,比如动画,故事和游戏等等。本课程共设有6个项目,知识点由简到难,循序渐进,带领孩子一步一步体验创意编程世界的奇妙。具体技能知识点如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f70937520b0f1554c59df111c7dc382d.webp?x-image-process=image/format,png)
那么,开始学习第5课吧!
![](https://i-blog.csdnimg.cn/blog_migrate/cd11579ae388a643971426699418f450.webp?x-image-process=image/format,png)
课程简介
在这个项目中,我们来学习制作一个绘画板。
体验地址:https://kada.163.com/project/760183-259196.htm
如下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/7cb26072b50e1bc4ef75a62ec709ea90.webp?x-image-process=image/format,png)
![](https://i-blog.csdnimg.cn/blog_migrate/d9eaf6e9049b8dcac86bdc62a8dc59ab.webp?x-image-process=image/format,png)
首先来制作一支铅笔吧。
动手清单:
(1.1)步骤 1:打开Scratch。
【具体操作】你可以打开下载好的Scratch离线编辑器(找不到的话,可以联系我),也可以使用在线的Scratch。这里使用网易卡搭的Scratch网页版,地址如下:
https://kada.163.com/project/create.htm
打开后,你会看到类似下面的界面。
![](https://i-blog.csdnimg.cn/blog_migrate/9cb4890f9e502289e74359e3299fff6e.webp?x-image-process=image/format,png)
(1.2)步骤 2:为舞台添加一只铅笔。
【具体操作】请参考《第1课:摇滚乐队》中(1.2)到(1.5)的内容。完成后,界面如下图。
![](https://i-blog.csdnimg.cn/blog_migrate/bb7c03b5b9241cb3e3b4325c25f31289.webp?x-image-process=image/format,png)
(1.3)步骤 3:对铅笔造型。
【具体操作】选中铅笔 → 选中“造型”选项卡 → 删除一个造型 → 为形状填色。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/0b6f739d3f77faf767a336a545fc1389.webp?x-image-process=image/format,png)
(1.4)步骤 4:把铅笔造型的名字修改为“蓝色铅笔”。如图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/0059f6b720b57140d71498f1ae425d4f.webp?x-image-process=image/format,png)
(1.5)步骤 5:让铅笔跟随鼠标移动(搭积木)。
【具体操作】选中铅笔角色 → 找到并搭建下图所示的方块。
![](https://i-blog.csdnimg.cn/blog_migrate/67b87e8ad6183b33f254023405b8eece.webp?x-image-process=image/format,png)
(1.6)步骤 6:设置移动中心。
在上个步骤中,你会发现,鼠标指针一直指向铅笔的中部,没有指向笔尖的位置。可以在“造型”选项卡中解决这个问题。
【具体操作】选中铅笔角色 → 选中“造型”选项卡 → 选中“设置造型中心”。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/94bb7d4edec856ee1c7a91d535e794a2.webp?x-image-process=image/format,png)
(1.7)步骤 7:画出线条。
【具体操作】选中铅笔角色 → 找到并搭建如下图所示的方块。
![](https://i-blog.csdnimg.cn/blog_migrate/199f144588cf8aa2fb0cac30023e00c2.webp?x-image-process=image/format,png)
这时,你应该可以用这只铅笔画画了。下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/3e91f8fdb3e2996448bc498d96ee2297.webp?x-image-process=image/format,png)
(1.8)步骤 8:保存项目。
【具体操作】请参考《第1课:摇滚乐队》中(1.6)的内容。
![](https://i-blog.csdnimg.cn/blog_migrate/05b8ded7aeccf63477f684a0a0d96fbe.webp?x-image-process=image/format,png)
绘画板,当然需要更多颜色的铅笔,接下来,我们就来添加另一只彩色铅笔。你可以在此基础上,添加更多彩色铅笔。
动手清单:
(2.1)步骤1:复制一只绿色铅笔。
【具体操作】选中铅笔角色 → 选中“造型”选项卡 → 复制蓝色铅笔 → 将复制铅笔改为绿色。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/cdf266d7b1bd043c5f1875a881b1ab46.webp?x-image-process=image/format,png)
(2.2)步骤2:为铅笔添加广播(搭积木)。
【具体操作】选中铅笔角色 → 找到并搭建下图所示的方块。
![](https://i-blog.csdnimg.cn/blog_migrate/a962821ceb85fe5b69f2f0e5194575f0.webp?x-image-process=image/format,png)
这里出现了“广播事件”,后边会详细解释,看老师如何进行操作的。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/a6491b3702c5f5cd30fc728b3ba5b37b.webp?x-image-process=image/format,png)
(2.3)步骤3:绘制颜色选择按钮。
【具体操作】选中“绘制新角色” → 选择“矩形”工具 → 绘制一个正方形 →填充颜色。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/0e443e8e7c1c80f8f8153dc6a654e780.png)
(2.4)步骤4:为颜色选择按钮添加控制方块(搭积木)。
【具体操作】选中“绿色”按钮 → 找到并搭建方块。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/9773664e0b9cbb367feb3df8e7f074e6.webp?x-image-process=image/format,png)
大家应该发现,“广播事件”的接收与监听,都是配套使用的。也就是说,鼠标点击“绿色按钮”时,会发出一个名字为“绿色”的广播事件;同时,就需要一个接收“绿色”的广播事件。
那么,蓝色选择按钮的广播事件,你应该也会搭建了吧。如图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/58bd14533a8db8c72ae427f700c7f620.webp?x-image-process=image/format,png)
现在你应该可以切换不同的颜色,来画画了。下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/f479ede8cc7fae0bf9a0e72b40bc38ad.webp?x-image-process=image/format,png)
(2.5)步骤5:保存项目。
【具体操作】参考本课(1.8)的内容。
![](https://i-blog.csdnimg.cn/blog_migrate/d3b942f7c2ec97c93cda31bd362b0cd3.webp?x-image-process=image/format,png)
画画的时候,经常会出错。所以,一个清除按钮必不可少。动手试一试吧。
动手清单:
(3.1)步骤1:添加一个清除按钮到舞台上。
【具体操作】打开“角色库” → 找到一个“清除”按钮角色 → 点击确定。下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/2e11bc12ea92b427aead5bc25587d3c4.webp?x-image-process=image/format,png)
(3.2)步骤2:给“清除按钮”搭建方块。
【具体操作】选中清除按钮角色 → 找到并搭建下图所示的方块。
![](https://i-blog.csdnimg.cn/blog_migrate/e52af476a765941c84871e59bf9d3012.webp?x-image-process=image/format,png)
这样,每次点击清除按钮的时候,舞台又是干干净净的了。
挑战一下
如果不想清除全部内容,你能制作出一个橡皮擦功能吗?参考下图。
![](https://i-blog.csdnimg.cn/blog_migrate/c148575ba63dbf76029c9f5c504a24b0.webp?x-image-process=image/format,png)
(3.3)步骤3:保存项目。
【具体操作】参考本课(1.8)的内容。
![](https://i-blog.csdnimg.cn/blog_migrate/2907f905262fb1c92b6c67f8f0a26b1e.webp?x-image-process=image/format,png)
你可以再为画板添加一个调整铅笔粗度的功能。
动手清单:
(4.1)步骤1:添加“笔粗”变量。
【具体操作】选中“数据”选项卡 → 点击“新建变量” → 点击 确定。下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/cdb7e26e9f7989ca8be66ce007bd89e0.webp?x-image-process=image/format,png)
(4.2)步骤2:将“笔粗”变量添加到铅笔上(搭积木)。
【具体操作】选中铅笔角色 → 找到并搭建方块(代码)。下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/fb5f1344195d08efa825fe9ac93a97d6.webp?x-image-process=image/format,png)
(4.3)步骤3:修改“笔粗”造型。
【具体操作】对于舞台上的“笔粗”变量,可以修改它的造型。演示如下。
![](https://i-blog.csdnimg.cn/blog_migrate/fa1abddbd2e3211a00f0bab47b3a04c2.webp?x-image-process=image/format,png)
此时,你试一试,是否能改变铅笔的粗度呢?下图所示。
![](https://i-blog.csdnimg.cn/blog_migrate/286f9f24bae98d2f39ac8cd21fdafd05.webp?x-image-process=image/format,png)
(4.4)保存项目。
【具体操作】参考本课(1.8)的内容。
总结
随着学习的深入,你可能发现,搭积木的难度似乎越来越大了。但是,老师也一定相信,你现在对这些不同功能的方块也越来越熟悉。那么,发挥你的想象,能不能让这个绘画板功能越来越丰富呢?比方说给绘画板添加一些快捷键呢?参考下图。
![](https://i-blog.csdnimg.cn/blog_migrate/f7052aa16e0d2cd765f69723c83fc810.webp?x-image-process=image/format,png)
人有见识,就不轻易发怒;宽恕人的过失,便是自己的荣耀。
![](https://i-blog.csdnimg.cn/blog_migrate/5ebe8d59360e5233a84143ca1e87212a.webp?x-image-process=image/format,png)