Scratch系列 Scratch入门-端上餐桌的西瓜1

朋友们,想象一下,一个西瓜被我们端上餐桌的过程,从瓜地到餐桌,从完整的西瓜,到一半西瓜,到一牙西瓜,到吃完消失。

我们来梳理一下这个动画的编程思路:

  1. 添加角色西瓜,角色仙子,仙子用来参照做背景
  2. 选择草地背景和餐桌背景
  3. 本文主要介绍图形特效使用
  4. 角色和背景特效的介绍

具体编程操作

一边积木编程,一边介绍积木的使用。本次编程主要用到了多个“图形特效“积木

  1. 添加角色、背景
    1. 将角色西瓜添加到舞台,再添加角色仙子。
    2. 添加背景Forest和Woods And Bench到背景中。
  2. 仙子编程,选中角色仙子
    1.  在“代码”“事件”中选择“当小旗被点击”,拖到编程区。
    2. 在“运动”中选择“移动到x:,y:”,填入(-164,3),这是仙子开始的位置。
    3. 接着添加“外观”中的“显示”。
    4. 接着添加“外观”中的“将大小设为80”。这是调整仙子角色的大小,以使用其他角色和背景。
    5. 在“代码”“事件”中选择“当接收到xxx消息”,拖到编程区,选择消息名“仙子飞”。这个是小设计师要求添加的一个角色,这里是仙子慢慢起飞,最后消失了。
    6. 接着添加“控制”中的“重复执行xxx次”,填30。
    7. 接着在其中添加“运动”中的“将x坐标增加xxx”,填入10。
    8. 接着在其中添加“运动”中的“将y坐标增加xxx”,填入10。
    9. 接着在其中添加“控制”中的“等待xxx秒”,填入0.3。
    10. 接着添加“外观”中的“隐藏”。这是代表仙子飞远了。
  3. 背景编程,选中背景区
    1. 在“代码”“事件”中选择“当小旗被点击”,拖到编程区。
    2. 接着添加“外观”中的“将xxx特效设定为xxx”,前面选择“颜色”,后面填0。
    3. 接着添加“控制”中的“重复执行”。
    4. 接着在其中添加“外观”中的“将xxx特效增加xxx”,前面选择“颜色”,后面填1。
    5. 接着在其中添加“控制”中的“等待xxx秒”,填入0.1。
  4. 未完。西瓜的编程请看下篇。

仙子西瓜

 

Scratch系列 Scratch入门-小猴子踢足球3

接上文

我们来梳理一下这个动画的编程思路:

  1. 添加两对球员、足球
  2. 选择足球场背景
  3. 点击球员,让球员靠近足球,然后足球向一个方向移动。
  4. 当足球靠近守门员时,切换背景到单个球门的背景。方便射门特写。
  5. 临门一脚,进球。控制足球移动到球门位置。

具体编程操作

  1. 添加角色、背景、声音
    1. ……
  2. 足球编程,选中角色足球
    1.  ……
  3. 猴子编程
    1. ……
  4. 守门员编程
    1. 在“代码”“事件”中选择“当小旗被点击”,拖到编程区。
    2. 选择“外观”中的“隐藏”,添加到编程区。
    3. 选择“外观”中的“将大小设为xxx”,添加到编程区,填入60。有时候我们需要调整角色的大小,以适应背景和其他角色,就可以这样使用。
    4. 选择“外观”中的“换成xxx造型”,添加到编程区,选择ben-a。
    5. 在“代码”“事件”中选择“当接收到xxx消息”,拖到编程区,选择消息名“开始上场”。
    6. 选择“外观”中的“隐藏”,添加到编程区。
    7. 选择“控制”中的“等待xxx秒”,添加到编程区。填入4。
    8. 选择“外观”中的“显示”,添加到编程区。当等待4秒后,才显示出红队的守门员
    9. 接着添加“运动”中的“移动到x:,y:”,填入(-232,-159),这是守门员上场的位置。
    10. 接着添加“运动”中的“在2秒内滑行到x:,y:”,填入(-209,-61),这是守门员在球场上守门的位置。
    11. 选择“外观”中的“换成xxx造型”,添加到编程区,选择ben-d。这是伸开双手防守的姿势。
    12. 选择“事件”中的“广播xxx消息”,新建或选择“运动造型动画”。
    13. 接着添加“事件”中的“当接收到 蓝方守门立即到位”,拖到编程区。
    14. 选择“外观”中的“隐藏”,添加到编程区。这时只显示蓝方守门员,红方守门员隐藏。
    15. 接着添加“事件”中的“当接收到 立即到位”,拖到编程区。
    16. 选择“外观”中的“显示”,添加到编程区。
    17. 接着添加“运动”中的“移动到x:,y:”,填入(-209,-61),这是红方守门员的位置。
    18. 接着添加“事件”中的“当接收到 红方守门立即到位”,拖到编程区。
    19. 选择“外观”中的“显示”,添加到编程区。这时只显示红方守门员。
    20. 选择“外观”中的“换成xxx背景”,添加到编程区,选择Soccer。这是准备射门的特写背景。
    21. 接着添加“运动”中的“移动到x:,y:”,填入(-1,-15),这是红方守门员的特写位置。
    22. 选择“控制”中的“停止 该校色的其他脚本”,添加到编程区。
    23. 选择“事件”中的“广播xxx消息”,新建或选择“红方守门造型动画”。触发其他积木块。

其他,大家可以自行添加其他效果,比如,让每个角色动起来。

当接收到消息,或者一上场,角色就重复执行切换造型,记得中间要等待几秒。否则变化太快不好看。

猴子足球比赛

 

Scratch系列 Scratch入门-小猴子踢足球2

接上文

我们来梳理一下这个动画的编程思路:

  1. 添加两对球员、足球
  2. 选择足球场背景
  3. 点击球员,让球员靠近足球,然后足球向一个方向移动。
  4. 当足球靠近守门员时,切换背景到单个球门的背景。方便射门特写。
  5. 临门一脚,进球。控制足球移动到球门位置。

具体编程操作

  1. 添加角色、背景、声音
    1. ……
  2. 足球编程,选中角色足球
    1.  ……
  3. 猴子编程
    1. 在“代码”“事件”中选择“当小旗被点击”,拖到编程区。
    2. 选择“外观”中的“隐藏”,添加到编程区。
    3. 选择“外观”中的“将大小设为xxx”,添加到编程区,填入50。有时候我们需要调整角色的大小,就这样使用。
    4. 在“代码”“事件”中选择“当接收到xxx消息”,拖到编程区,选择消息名“开始上场”。
    5. 选择“外观”中的“显示”,添加到编程区。当接收到消息,才显示出红队的猴子。
    6. 接着添加“运动”中的“移动到x:,y:”,填入(-226,-157),这是队员上场的位置。
    7. 接着添加“运动”中的“在2秒内滑行到x:,y:”,填入(-50,-67),这是队员在球场上开球的位置。
    8. 接着添加“事件”中的“当接收到 蓝方守门立即到位”,拖到编程区。
    9. 接着添加“运动”中的“移动到x:,y:”,填入(36,-80),这是红方队员射门的位置。
    10. 接着添加“事件”中的“当角色被点击”,拖到编程区。
    11. 接着添加“运动”中的“在1秒内滑行到xxx”,选择Soccer Ball,这是队员跑到足球的位置。
    12. 选择“外观”中的“xxx yyy层”,选择迁移,填入 1,添加到编程区。这是将角色的前后位置迁移一层,不要被其他角色覆盖掉。
    13. 接着添加“控制”中的“如果xxx那么、否则”。
      条件中放入“运算”中的“xxx>yyy”,前面放入“侦测”中的“到aaa的距离”,aaa选择Dorian,后面填入100。
      这是判断猴子队员是否离对方守门员很近了。如果很近了即要准备射门了,否则继续向对方球门踢。
    14. 接着添加“事件”中的“广播xxx”,选择“球向蓝队走10步”。这是踢球的效果。将这个积木添加到上方的“那么”下面。
    15. 接着添加“事件”中的“广播xxx”,选择“进球了。这是射门的消息。将这个积木添加到上方的“否则”下面。
  4. 守门员编程请看下篇。

猴子足球比赛

 

Scratch系列 Scratch入门-小猴子踢足球1

朋友们,想象一下,一个足球场上有两对球员,我们还可以操控他们踢球,让他们一对胜利。这是多么好玩的事情。先就开始猴子足球比赛。

我们来梳理一下这个动画的编程思路:

  1. 添加两对球员、足球
  2. 选择足球场背景
  3. 点击球员,让球员靠近足球,然后足球向一个方向移动。
  4. 当足球靠近守门员时,切换背景到单个球门的背景。方便射门特写。
  5. 临门一脚,进球。控制足球移动到球门位置。

具体编程操作

一边积木编程,一边介绍积木的使用。本次编程主要用到了多个“广播消息“积木

  1. 添加角色、背景、声音
    1. 将角色猴子添加到舞台,再添加一次,绘制他们,在他们加上胸口添加一个红、蓝圆圈,标记他们是红队和蓝队,再添加角色Ben和Dorian分队座位红蓝两对的守门员;在添加一个角色足球。
    2. 添加背景Soccer和Soccer2 到背景中。
    3. 添加声音Referee Whistle、Cheer。
  2. 足球编程,选中角色足球
    1.  在“代码”“事件”中选择“当小旗被点击”,拖到编程区,同时选择“广播xxx消息“,拖到编程区,下拉选择新消息,取名“集合 开始比赛”,添加到上面的积木下方。
    2. 在“代码”“事件”中选择“当接收到xxx消息”,拖到编程区,选择消息名“集合 开始比赛”。
    3. 接着添加“运动”中的“面向xxx方向”,填90。这样保证球运动的方向是向右。
    4. 接着添加“运动”中的“移动到x:,y:”,填入(1,-85),这是足球的初始位置。
    5. 接着添加“外观”中的“换成xxx背景”,选Soccer2。
    6. 接着添加“外观”中的“将大小设为xxx”,填入50。
    7. 接着添加“声音”中的“将音量设为xxx%”,填入20。将背景声音设置小一点。
    8. 接着添加“声音”中的“播放声音xxx”,选择 Referee Whistle,开场哨声。
    9. 接着添加“事件”中的“广播xxx”,新建事件“开始上场”。这里会通知各个角色进行上场的动作。
    10. 接着添加“事件”中的“当按下xxx键”,选择空格,这样做,可以重新开赛。
    11. 接着添加“事件”中的“广播 集合开始比赛”积木。这里直接选择上面添加的事件。
    12. 接着添加“事件”中的“当接收到xxx消息”,选择“向红队走10步”,这个事件会在其他角色中添加,如果没有,在此可先添加新事件。
    13. 接着添加“运动”中的“面向xxx方向”,填-90。这样保证球运动的方向是向左。
    14. 接着添加“运动”中的“移动27步”。向蓝队走10步,同此,省略。
    15. 接着添加“事件”中的“当接收到xxx消息”,选择“进球了”,这个事件会在其他角色中添加,如果没有,在此可先添加新事件。
    16. 接着添加“运动”中的“在1秒内滑行到x:,y:”,填入(-73,-1),进球的位置。
    17. 接着添加“声音”中的“将音量设为xxx%”,填入20。将背景声音设置小一点。
    18. 接着添加“声音”中的“播放声音xxx”,选择 Cheer,欢呼声。
  3. 未完。猴子、守门员编程请看下篇

猴子足球比赛

 

六一聊一聊少儿编程,既快乐,又有趣

这几年和编程有关的活动都火起来了,IT行业火了,信息技术、互联网、大数据、云计算等都火了。
在线编程培训,线下编程培训都是时下最火的行业。各个企业融资,占领市场。

大的有在线教育,线下教育培训市场也很大。小到细分的在线英语培训、在线思维培训、在线编程培训等。有成人的、有儿童的。
在儿童节,聊一聊少儿编程培训。

在国内突然间就风靡起来少儿编程培训,好像一夜春风一样。这其中肯定有国内儿童教育的需求,孩子出生在互联网时代,这是一个非常成熟和完善的互联网时代,孩子们有了解、熟悉互联网的需求和权力,不像我们小时候,没有接触到这些,也就没有这种需求,更没有权力要求每一个父母都给自己孩子提供电脑等IT资料。

我们这一代,很早接触电脑的人还是少数。但是当下社会不一样了,有条件有需求。
当然也有社会发展,资本的影响,使得经济活动异常空前,少儿的需求也被多角度挖掘。

在国内少儿编程火起来之前,国外早已开始注重少儿编程的培养。我们都知道的奥巴马,提倡将编程作为基础教育的一部分进行推进。

各大国外公司都有参与和注重儿童的IT知识培养。苹果、谷歌、微软等都有参与。Ubuntu系统也有响应的少儿系统分支。

反观国内,早些年儿童接触电子产品或者IT信息,大都是手机、电视,看视频,看喜洋洋、光头强、佩奇。
我们和国外在介入时间和深度都有差距,唯有规模不落人后,国内市场超级大。

少儿编程真正是什么,是教授编程知识,底层原理,将来工作做IT编程的吗?肯定不会是这样。

少儿编程主要是培养兴趣,养成编程思维,加强逻辑思维,抽象思维,系统化思维,使得儿童养成全面的、严谨的、抽象的逻辑化思维。对孩子进行编程启蒙,以此适应将来社会的竞争。

与孩子一起学编程,既是学习,又是亲自陪伴,一举多得。什么时间开始都不晚,那么就从这个六一开始吧!

六一儿童节动画封面

看个动画放松放松 链接

Scratch系列 Scratch入门-展翅飞翔的翼龙

朋友们,想象一下,一只翼龙在天空中展翅飞翔,我们还可以操控它的速度,让它停止飞翔,降落地面。这是多么好玩的事情。

我们来梳理一下这个动画的编程思路:

  1. 添加一只翼龙
  2. 让翼龙飞起来
  3. 在舞台范围内来回飞
  4. 站立、起飞、飞翔造型变换
  5. 键盘控制降落,监控控制速度

具体编程操作

一边积木编程,一边介绍积木的使用。

  1. 重复执行
    1. 将角色翼龙添加到舞台。
    2. 在“代码”“运动”中选择“移动10步”,拖到编程区,点击看下效果,翼龙向右移动了。我们想让它开始向左移动,可以在初始化块进行设置。
    3. 可以移动一次了,如何不停移动呢?在“代码”“控制”中选择“重复执行”,拖到编程区,套到上一步的“移动10步”外面,点击查看效果,翼龙不停的朝右移动了。直到边缘消失。
  2. 碰到边缘就反弹
    完成上一步,翼龙就不返回来了,我们要让他返回来,很简单。
    在“重复执行”积木块最下方添加“碰到边缘就反弹”积木,在“代码”“运动”中。因为反弹也属于一种运动。
  3. 改变造型
    完成上一步,翼龙就一直以一种造型在舞台上运动了。看着很呆板。

    1. 在“代码”“外观”中选择“换成xxx造型”,拖到编程区,点击看下效果,移动造型按照我们选择的造型显示了。
    2. 我们选择造型 Dinosaur3-b和Dinosaur3-c,他们两个造型配合起来就是展翅飞翔了。
    3. 在“代码”“控制”中选择“重复执行”,拖到编程区,再添加“换成xxx造型”和“等待xxx秒”,造型选择Dinosaur3-b,时间为0.5,再添加“换成xxx造型”和“等待xxx秒”,造型选择Dinosaur3-c,时间为0.5。点击查看效果,就是上下扇动翅膀的动作。
  4. 降落
    这里选择使用空格控制降落。
    在“代码”“事件”中选择“当按下xxx键”,拖到编程区,下拉选择空格。
    在“代码”“运动”中选择“在xxx秒内滑行到x:xxx y:xxx”,拖到编程区,填入1秒,位置填入 -17 ,-77 舞台中央的位置。
    在“代码”“外观”中选择“换成xxx造型”,拖到编程区,选择Dinosaur3-e造型,恢复站立的造型。这样我们的翼龙就降落了。
  5. 变速
    首先在第二步的“重复执行”积木块最下方添加“等待xxx秒”,这里的时间选择“我的变量”。
    其次选择角色 Arrow1 到舞台上。

    1. 选择“事件”中的“当按下↓键”,拖到编程区。这是减速。
    2. 选择“外观”中的“换成arrow1-c造型”,拖到编程区。
    3. 选择“外观”中的“显示”,拖到编程区。
    4. 选择“声音”中的“播放声音Pop 等待播完”,拖到编程区。
    5. 选择“变量”中的“将我的变量 增加 -1”,拖到编程区。
    6. 选择“控制”中的“等待0.3秒”,拖到编程区。
    7. 选择“外观”中的“隐藏”,拖到编程区。
    1. 选择“事件”中的“当按下↑键”,拖到编程区。这是加速。
    2. 选择“外观”中的“换成arrow1-d造型”,拖到编程区。
    3. 选择“外观”中的“显示”,拖到编程区。
    4. 选择“声音”中的“播放声音Pop 等待播完”,拖到编程区。
    5. 选择“变量”中的“将我的变量 增加 1”,拖到编程区。
    6. 选择“控制”中的“等待0.3秒”,拖到编程区。
    7. 选择“外观”中的“隐藏”,拖到编程区。

飞翔的翼龙

效果观看地址

Scratch系列 Scratch入门-动画的积木搭建

大家好,在准备好环境,添加好角色、背景、声音后,我们可以开始正式的进入编程世界了。

我们先介绍积木的搭建,方便让角色动起来,按照自己的想法的轨迹运动,按照自己设计的方法改变造型,显示、隐藏,增大、缩小,色彩增强减弱,键盘按键控制;背景切换,添加声音效果。

介绍以后,后面会通过几个小动画练习一下这些操作。

动画的积木搭建

积木类型

积木的搭建非常简单,将不同的积木块相互放到一起,将凸凹的地方拼好就可以了。

其中积木总共有上图这几种形状,不看颜色。

积木形状分类:

  1. 第1个形状,代表着接收到的事件,一般是一段程序开始的地方。比如被点击、按下xxx键、背景换成xxx、当接收到xxx消息。这个形状可以在下方接上其他积木块,比如第4个形状、第5个形状。
  2. 第2个形状,是一个数据,代表着不能接到其他积木的上方和下方,没有凸凹的接口。但是可以放到第3个形状的中间,椭圆的位置。比如有 变量、响度、计时器、当前时间、运算等积木,这些都是一个数据。本身不代表一段程序,不能实现一个功能,需要和其他积木配合。
  3. 第3个形状,是一个判断公式、一个是否成立的结果。代表着也不能接到其他积木的上方和下方,没有凸凹的接口。但是可以放到第5个形状的中间,6边型的位置。同样,本身不代表一段程序,不能实现一个功能,需要和其他积木配合。
  4. 第4个形状,是一个终结积木,接到其他积木块的下方,永远循环下去。内部可以添加子判断,符合条件就停止。下方是平的形状,所以不能添加其他积木块在下方。是一个终结的积木块。
  5. 第5个形状,是一个普通的积木块形状,上方可以放置积木块,下方也可以放置积木块,是的整个流程连接起来,实现复杂的功能。该积木内部实现自己的功能逻辑。

其他积木块也都是这几个形状,功能不同,但是形状一样。

积木搭建

将积木凸凹的地方衔接起来,就完成了前后积木的搭建。想椭圆或六边形的积木套入带椭圆或六边形的空心的积木块内,就完成的变量或判断积木的搭建。Scratch就是想积木一样,能够衔接的积木块相互靠近就会组合到一起。

Scratch系列 Scratch入门-动画背景、动画声音

添加动画角色

链接

添加动画背景

背景是整个动画所处的环境,所有角色都表现在这个背景上面,给动画故事一个大的舞台。

可以添加多个背景,但是同一时间只可以有一个背景被显示。如果添加了多个背景,我们可以在合适的时候显示合适的背景,表达出符合角色的意境。背景和角色相互配合。

我们可以删除默认的空白背景,也可以直接使用,取决于我们的构思。

关于背景同样有,删除、添加、绘制、上传。

添加背景,可以直接选择系统自带的好多个背景,分类有所有、奇幻、音乐、运动、户外、室内等等。

绘制,Scratch自带了一个绘制功能,和角色的绘制一样,简单的绘制功能,感觉和画图工具差不多,示意。

上传,可以将专业工具或者专业的人做出来的背景,上传到Scratch工具里。也可以到Scratch官网查找别人上传的示例里的背景下载下来,自己使用,注意版权信息,先取得原作者的同意。

添加动画声音

添加声音也很方便,选择我们要编程的对象,比如某一个角色,或者某一个背景,再选择代码、造型旁边的声音Tab页。

关于声音同样有,删除、添加、上传。

添加背景,可以直接选择系统自带的好多个背景,分类有所有、动物、效果、可循环、音符、太空等等。

上传,可以将专业工具或者专业的人做出来的背景,上传到Scratch工具里。也可以到Scratch官网查找别人上传的示例里的背景下载下来,自己使用,注意版权信息,先取得原作者的同意。

编辑,Scratch自带了一个简单的声音编辑功能,和角色和背景不一样,功能包括快一点、慢一点、响一点、轻一点、静音、渐强、渐弱、反转、机械化。

录声音,相当于角色和背景的绘制功能,就是现场做一个需要的素材,通过麦克风采集声音,并使用到编程中。

Scratch声音背景

Scratch系列 Scratch入门-动画角色

在熟悉了在线编辑器和离线编辑器之后,终于到了Scratch编程入门了。

要编写一个动画,需要了解添加角色、添加背景、添加声音,这些事最基本的组成,也是Scratch里面能用到的所有外部元素。其他都包含在代码逻辑里。

添加代码时,需要选中一个对象,如角色或背景。如果选中背景,然后组织了一堆思路想操作角色,最终是会失败的。因为选错了对象。还有Scratch里面,复制功能不能跨对象,比如针对小猫对象编程时,写了一批代码,想用到小狗身上,复制是没法粘贴到小狗的代码区的。这样在编写前,一定要选择好对象,否则还要重新在正确的对象里重新写一遍。

添加动画角色

角色是什么,是我们动画里的单独的个体,独立于背景的。比如小猫钓鱼里,小猫是角色、鱼也是角色、钓鱼竿也是角色,而河流、岸边、小草、树木等都是背景,是一个整体,如果要单独针对一棵树进行编程,那么这棵树也应该算是角色。

我们可以删除默认的小猫角色,也可以直接使用,取决于动画的构思。

关于角色有,删除、添加、绘制、上传。

添加角色,可以直接选择系统自带的好多个角色,分类有所有、运动、人物、动物、时尚等等。

绘制,Scratch自带了一个绘制功能,简单的绘制功能,感觉和画图工具差不多,示意。

上传,可以将专业工具做出来的角色,上传到Scratch工具里。也可以到Scratch官网查找别人上传的示例里的角色下载下来,自己使用,注意版权信息,先取得原作者的同意。

绘制造型

 

添加动画背景

链接

添加动画声音

链接

Scratch系列 Scratch编辑器介绍之离线编辑器

离线编辑器的下载安装

到官网https://scratch.mit.edu/ 最下方有下载链接,打开选择自己需要的操作系统平台的客户端。

目前支持的系统有: Win10+, macOS 10.13+, ChromeOS, Android 6.0+

我下载的是win10 版 ,Scratch Desktop Setup 3.9.0.exe。

双击安装,结束后,桌面就会有一个Scratch Desktop 的图标,这就是我们的离线编辑器。

双击Scratch Desktop 的图标,离线编辑器就打开了,这里的操作和在线编辑器一样。唯独文件菜单里少了“立即保存”和“保存副本”,这两个菜单和账户相关。离线编辑器不需要登录账户,不联网也可以使用。

离线编辑器的设置

点击地球菜单,将语言设置为习惯的语言,这里我选择 简体中文。

右上角有全屏和调整布局的按钮。

全屏按钮将整个界面显示为舞台界面,保留有开始、结束、退出全屏按钮。

左侧布局按钮是缩小舞台的布局,放大程序区的大小,方便编写程序积木。

右侧布局按钮是扩大舞台的布局,默认的布局。舞台大小合适。

根据需要在制作的时候随时调整。

离线编辑器界面

小问题答案

  1. 编辑菜单下面的加速模式是什么作用?
    看到解释是:使得我们点击开始按钮后,时间速度会变快,加快我们到后后面的变化,方便我们调试,发现实际效果是否是我们设计的样子。
    但是我的客户端,并没有明显变快。
  2. 角色和造型的区别?
    角色是指一个角色,比如西游记里的孙悟空,就是一个角色。
    造型是指一个角色的不同造型,一个角色可以有多个造型,也可以自己设计上次多个造型,比如孙悟空有腾云驾雾的造型,有路上行走的造型。