Scratch少儿编程教程:第5课——绘画板

本课程以Scratch软件为教育工具。Scratch是一种图形化编程语言,由麻省理工学院开发。孩子们可以像搭积木一样,拖动和组合代码块,制作丰富多样的程序,比如动画,故事和游戏等等。本课程共设有6个项目,知识点由简到难,循序渐进,带领孩子一步一步体验创意编程世界的奇妙。具体技能知识点如下图所示。

  http://dingyue.ws.126.net/iUjS0GngHJqlhzyiMLbXaUeqsF=oEaCvdbRKdCD71zqgS1530320441114.png

  那么,开始学习第5课吧!

  http://dingyue.ws.126.net/rhoN401Agd=nG0klK3jKq89U04K6iL2CIJq=7SjYJDHBZ1530320441114.jpg

  课程简介

  在这个项目中,我们来学习制作一个绘画板。

  体验地址:https://kada.163.com/project/760183-259196.htm

  如下图所示。

  http://dingyue.ws.126.net/cEgpnZyRo6FXQhJaNAgfBrDXwJYYrMQ2LRyszDZCNg7by1530320441114compressflag.png

  http://dingyue.ws.126.net/ZEhrQWsfGTEe2dkUEa80WbeDif7cFNb1m7QXFvilHseGl1530320441114.jpg

  首先来制作一支铅笔吧。

  动手清单:

  (1.1)步骤 1:打开Scratch。

  【具体操作】你可以打开下载好的Scratch离线编辑器(找不到的话,可以联系我),也可以使用在线的Scratch。这里使用网易卡搭的Scratch网页版,地址如下:

  https://kada.163.com/project/create.htm

  打开后,你会看到类似下面的界面。

  http://dingyue.ws.126.net/wixPSb7MXhkgmGHiOCcP=OAZ24JJbBIJyiLZ9w9JllLKh1530320441114compressflag.png

  (1.2)步骤 2:为舞台添加一只铅笔。

  【具体操作】请参考《第1课:摇滚乐队》中(1.2)到(1.5)的内容。完成后,界面如下图。

  http://dingyue.ws.126.net/m7MJ6RtzNeFxnKYQEwOiC8R=bzg4=FD1hoUTwYRoMldjA1530320441115.png

  (1.3)步骤 3:对铅笔造型。

  【具体操作】选中铅笔 → 选中“造型”选项卡 → 删除一个造型 → 为形状填色。演示如下。

  http://dingyue.ws.126.net/LMc0tcdfoPLp1MiwJ5pRA9q25jNDrfrhwmvsEjw8uhpJ71530320441116.gif

  (1.4)步骤 4:把铅笔造型的名字修改为“蓝色铅笔”。如图所示。

  http://dingyue.ws.126.net/dhRB5cxQ1lf=BVABSbmm4imhhXIGqb3rbyhTFhYl9QcTS1530320441117.png

  (1.5)步骤 5:让铅笔跟随鼠标移动(搭积木)。

  【具体操作】选中铅笔角色 → 找到并搭建下图所示的方块。

  http://dingyue.ws.126.net/JWSUMy7HbgOPNCiCkLnsHT=m0gDSIeda41k4sApKKtEk31530320441117.png

  (1.6)步骤 6:设置移动中心。

  在上个步骤中,你会发现,鼠标指针一直指向铅笔的中部,没有指向笔尖的位置。可以在“造型”选项卡中解决这个问题。

  【具体操作】选中铅笔角色 → 选中“造型”选项卡 → 选中“设置造型中心”。演示如下。

  http://dingyue.ws.126.net/IOb0BGI0EWftqzlhetTuLvaIsAgtz0=ywlzbt1xma8bK11530320441117.gif

  (1.7)步骤 7:画出线条。

  【具体操作】选中铅笔角色 → 找到并搭建如下图所示的方块。

  http://dingyue.ws.126.net/eiwe1fueCKdPKONFiyxFlefdsiyXm8c8diYSsb2kZA0OI1530320441117.png

  这时,你应该可以用这只铅笔画画了。下图所示。

  http://dingyue.ws.126.net/uVs0iTHDM6708fkMNekelTVsR5bcELz1ywEhxQtBIiawR1530320441117.png

  (1.8)步骤 8:保存项目。

  【具体操作】请参考《第1课:摇滚乐队》中(1.6)的内容。

  http://dingyue.ws.126.net/GlQvQsJzy44KHb23QhJtMEluoQpgSZjbFl151rvBOv0Bp1530320441118.jpg

  绘画板,当然需要更多颜色的铅笔,接下来,我们就来添加另一只彩色铅笔。你可以在此基础上,添加更多彩色铅笔。

  动手清单:

  (2.1)步骤1:复制一只绿色铅笔。

  【具体操作】选中铅笔角色 → 选中“造型”选项卡 → 复制蓝色铅笔 → 将复制铅笔改为绿色。演示如下。

  http://dingyue.ws.126.net/CnxKtZDyP2pz1s7mAgW8GRQrOzHUNT5S8josWjDPOdfqC1530320441118.gif

  (2.2)步骤2:为铅笔添加广播(搭积木)。

  【具体操作】选中铅笔角色 → 找到并搭建下图所示的方块。

  http://dingyue.ws.126.net/jdyvQM90qxGgMok00mhkQgyIHYrkVttEpSB2ugzmvEA1u1530320441119.png

  这里出现了“广播事件”,后边会详细解释,看老师如何进行操作的。演示如下。

  http://dingyue.ws.126.net/Lysf=ceJkFI55zfxzVAYFPukRVsjVqv8Dt=dqVe13RTF91530320441119.gif

  (2.3)步骤3:绘制颜色选择按钮。

  【具体操作】选中“绘制新角色” → 选择“矩形”工具 → 绘制一个正方形 →填充颜色。演示如下。

  http://dingyue.ws.126.net/uJ2kbUgUyyq2KpBHo18nENYz=iKIjzQ4uqmamuAe3MpM11530320441121.gif

  (2.4)步骤4:为颜色选择按钮添加控制方块(搭积木)。

  【具体操作】选中“绿色”按钮 → 找到并搭建方块。演示如下。

  http://dingyue.ws.126.net/UIQPJ4S1POsxt2COSOmzxh7eb0X1cvOIZB79dfCdl4qay1530320441121.gif

  大家应该发现,“广播事件”的接收与监听,都是配套使用的。也就是说,鼠标点击“绿色按钮”时,会发出一个名字为“绿色”的广播事件;同时,就需要一个接收“绿色”的广播事件。

  那么,蓝色选择按钮的广播事件,你应该也会搭建了吧。如图所示。

  http://dingyue.ws.126.net/U2QharauTxgs3WrmWi5mYXK0hkSXGZ0mPhC3hAkKBdMlc1530320441123.png

  现在你应该可以切换不同的颜色,来画画了。下图所示。

  http://dingyue.ws.126.net/NAFylhWSuzTEsl5XsTEXnBDiCdHgGYJkzaJn8H5W==nOn1530320441123.png

  (2.5)步骤5:保存项目。

  【具体操作】参考本课(1.8)的内容。

  http://dingyue.ws.126.net/TKSWEKiyQsiQdMSp=BInCskIlmcj2f7YQShnfeU3nwVyu1530320441126.jpg

  画画的时候,经常会出错。所以,一个清除按钮必不可少。动手试一试吧。

  动手清单:

  (3.1)步骤1:添加一个清除按钮到舞台上。

  【具体操作】打开“角色库” → 找到一个“清除”按钮角色 → 点击确定。下图所示。

  http://dingyue.ws.126.net/ro7cJuYNiAakohWoTxBrehTHUAO=QOKiFIdH=L7WHl8HR1530320441126.png

  (3.2)步骤2:给“清除按钮”搭建方块。

  【具体操作】选中清除按钮角色 → 找到并搭建下图所示的方块。

  http://dingyue.ws.126.net/zOMEIelqy1ByN2w9J3bSepaNWqujUH5sUh7FdDxMJVNpZ1530320441126.png

  这样,每次点击清除按钮的时候,舞台又是干干净净的了。

  挑战一下


  如果不想清除全部内容,你能制作出一个橡皮擦功能吗?参考下图。

  


  http://dingyue.ws.126.net/4IeaioXSPRY6uQQNG6zcKJYYn9XnOhI=4GlpwEu9yG2hr1530320441127.png

  (3.3)步骤3:保存项目。

  【具体操作】参考本课(1.8)的内容。

  http://dingyue.ws.126.net/7aeWv=Sv6xjH2Em6i03CpQwuR=fhkXafQTzGhDY3jV2VZ1530320441127.jpg

  你可以再为画板添加一个调整铅笔粗度的功能。

  动手清单:

  (4.1)步骤1:添加“笔粗”变量。

  【具体操作】选中“数据”选项卡 → 点击“新建变量” → 点击 确定。下图所示。

  http://dingyue.ws.126.net/B6RO=XPwlswERYzmTO4yoLjnweV1LCzyDkUcLQBRUXUCM1530320441128.png

  (4.2)步骤2:将“笔粗”变量添加到铅笔上(搭积木)。

  【具体操作】选中铅笔角色 → 找到并搭建方块(代码)。下图所示。

  http://dingyue.ws.126.net/aLs0q9An6S1ENQ2eho9vjmzVW=HOWBHZGEUeHgN5Ji2ni1530320441130.png

  (4.3)步骤3:修改“笔粗”造型。

  【具体操作】对于舞台上的“笔粗”变量,可以修改它的造型。演示如下。

  http://dingyue.ws.126.net/lbNo0f4BetJYWddQMNmv5e1psLISzg5vaTjvQDT=d80Uh1530320441130.gif

  此时,你试一试,是否能改变铅笔的粗度呢?下图所示。

  http://dingyue.ws.126.net/d1nYasRsHhw0eH0lRBYeku8VCU1EGhULzsO84kds8LI5r1530320441130.png

  (4.4)保存项目。

  【具体操作】参考本课(1.8)的内容。

  总结

  随着学习的深入,你可能发现,搭积木的难度似乎越来越大了。但是,老师也一定相信,你现在对这些不同功能的方块也越来越熟悉。那么,发挥你的想象,能不能让这个绘画板功能越来越丰富呢?比方说给绘画板添加一些快捷键呢?参考下图。

  http://dingyue.ws.126.net/gEefke90bdrtaxUuUBJxXnuSRjQmMir5ZsMZrvl3r0wJz1530320441130.png


0 个评论

要回复文章请先登录注册