《少儿创意学编程(Scratch基础篇)》,参考了英国公益组织发起的“code club(代码俱乐部)”——少儿免费学编程活动。愿为中国的少儿创意编程教育尽微薄之力,对国内的家长、信息教师和相关教育机构有所帮助,共同促进软件素质教育的发展。

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

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

课程简介

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

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

如下图所示。

首先来制作一支铅笔吧。

动手清单:

(1.1)步骤 1:打开Scratch。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

动手清单:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

动手清单:

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

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

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

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

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

挑战一下

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

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

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

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

动手清单:

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

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

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

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

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

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

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

(4.4)保存项目。

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

总结

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

人有见识,就不轻易发怒;宽恕人的过失,便是自己的荣耀。

转载于:https://www.cnblogs.com/Big-Max/p/9247560.html

少儿创意学编程(Scratch基础篇):第5课——绘画板相关推荐

  1. 少儿创意学编程(Scratch基础篇):第1课——摇滚乐队

    <少儿创意学编程(Scratch基础篇)>,参考了英国公益组织发起的"code club(代码俱乐部)"--少儿免费学编程活动.愿为中国的少儿创意编程教育尽微薄之力,对 ...

  2. 少儿创意学编程(Scratch基础篇):第6课——赛艇比赛

    <少儿创意学编程(Scratch基础篇)>,参考了英国公益组织发起的"code club(代码俱乐部)"--少儿免费学编程活动.愿为中国的少儿创意编程教育尽微薄之力,对 ...

  3. 少儿编程scratch -- 基础篇

    1.开篇 花费40分钟 首先,我们学的是scratch(划痕),Scratch 是麻省理工学院的"终身幼儿园团队"在 2007 年 [5]  发布的一种图形化编程工具,主要面对全球 ...

  4. 工程测量计算机在线用,《用TI 图形计算器学编程》—应用篇—工程测量.pdf

    <用 TI 图形计算器学编程>-应用篇-工程测量 测量技术是一门具有 自身专业体系.涵盖多种学科.理论性和实践性都非常强的前 沿科学. 掌握测量技术,必须熟知测量技术方面的基本知识,掌握测 ...

  5. 从零开始学 Python 之基础篇

    从零开始学 Python 之基础篇 前言 大家好,这里是「痴海」从零开始学习 Python 系列教程.此文首发于「痴海」公众号,欢迎大家去关注.学习一门语言最好的办法,就是教懂别人.在这公众号,我会从 ...

  6. 【人生苦短,我学 Python】基础篇——标准数据类型(Day3)

    大家好!我是[AI 菌],一枚爱弹吉他的程序员.我热爱AI.热爱编程.热爱分享! 这博客是我对学习的一点总结与思考.如果您也对 深度学习.机器视觉.算法.Python.C++ 感兴趣,可以关注我的动态 ...

  7. 学习编程的基础(学编程的基础要具备什么)

    学编程需要什么基础?学编程的基础要具备什么? 1.学编程需要数学基础 从计算机发展和应用的历史来看计算机的数学模型和体系结构等都是有数学家提出的,最早的计算机也是为数值计算而设计的.因此,要学好计算机 ...

  8. 一起学Pandas系列基础篇---loc和iloc

    一起学Pandas系列基础篇-loc和iloc 一起学Pandas系列基础篇---loc和iloc 一起学Pandas系列基础篇---loc和iloc 本篇学习内容介绍 一.loc 1. 选择索引为0 ...

  9. “笨办法”学Python 3基础篇-文件操作

    "笨办法"学Python 3基础篇系列文章 "笨办法"学Python 3基础篇 第一部分-打印与输入 "笨办法"学Python 3基础篇 第 ...

最新文章

  1. 从eclipse中下载到手机的android程序总是旧的版本
  2. 【ESSD技术解读】ESSD Auto PL规格,引领IO性能弹性新方向
  3. keytool命令总结
  4. 颠覆认知!完美赌徒,到底是如何用数学打造经济神话?!
  5. jpa一级缓存和二级缓存_了解一级JPA缓存
  6. 论文浅尝 | 图神经网络的对抗攻击和防御相关文献集
  7. Linux基础学习五(1):java项目部署实战教程
  8. ES6_let和const_note
  9. 实对称矩阵的特征值求法_机器学习和线性代数 - 特征值和特征向量
  10. mset redis_redis mset key命令简介
  11. Latex添加中文支持和A4纸张设置
  12. Python 五行代码实现类似全能扫描王和office Lens的扫描彩色增强滤镜效果
  13. Python 组织机构代码证校验
  14. 期刊论文写作之【python matplotlib 画图设置】
  15. ajax与spry的关系,用Spry框架来简化AJAX
  16. thinkphp 添加图片 文字 水印生成带二维码的小程序推广海报
  17. 杨文俊的座右铭“君子欲讷于言而敏于行”
  18. 用js实现翻书的动画效果
  19. 北京python培训价格多少
  20. 快速安装YouCompleteMe自动补全插件

热门文章

  1. 本地连接, 网络电榄被拔出。 Realtek RTL8168/8111 PCI-E
  2. 解决微信小程序内下载视频失败wx.saveVideoToPhotosAlbum :fail invalid video
  3. 使用reduce实现数组扁平化
  4. 国内优秀的设计公司有哪些?
  5. android程序设计报告 尤志宁,尤志宁 - 集美大学 - 计算机工程学院
  6. 使用 Vscode +PlantUml 画uml图
  7. 高洛峰招徒培养IT名师
  8. Web 中的“选区”和“光标”需求实现
  9. An unexpected error prevented the server from fulfill your request.(HTTP500)
  10. python第一行左对齐_python 左对齐,右对齐