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. 未完。猴子、守门员编程请看下篇

猴子足球比赛

 

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. 角色和造型的区别?
    角色是指一个角色,比如西游记里的孙悟空,就是一个角色。
    造型是指一个角色的不同造型,一个角色可以有多个造型,也可以自己设计上次多个造型,比如孙悟空有腾云驾雾的造型,有路上行走的造型。

Scratch系列 Scratch编辑器介绍之在线编辑器(三)

今天介绍在Scratch线编辑器的保存、查看、分享、下载

保存

制作完我们的作品后,需要保存下来,以备下次查看或者分享出去,或者加工制作成exe,分享给朋友们。

点击菜单区的文件,会出现如下选项

  1. 立即保存
    将当前程序保存到当前的账号中。点击立即保存,会保存当前程序,名称就是教程按钮后面输入框内的名称,需要需要修改,直接修改输入框的名称即可。
  2. 保存副本
    将会拷贝并复制一份程序,保存,并且以拷贝的程序为当前打开的程序。再做修改,只会影响当前的程序,不会对之前的程序产生影响。
  3. 从电脑中上传
    当我们已经有一个保存好的程序,想要查看,或者对其进行修改,需要选这个菜单,会弹出文件选择窗口,选择文件即可。
  4. 保存到电脑
    选择这个菜单,会将制作的程序保存在本地电脑里,需要选择保存的位置即可。

查看

程序在线保存后,可以再次查看。

点击右上角用户名处,在弹出菜单处选择“我的东西”,会出现我们的程序。分为分享的项目、未分享的项目、我的工作室。这里可以删除,也可以点击 “观看程序页面”,打开查看。

分享

程序编辑器的页面,也就是查看的页面,菜单栏中间有一个“分享”按钮,点击跳转到分享页面。

可以修改名称,填写操作说明、备注与谢志。不做任何操作,也已经进入分享状态。

如果要取消分享,进入我的东西,找到要取消的程序,点击取消分享按钮即可。

下载

显然在我的东西列表页面,我们可以下载–即保存到电脑。

同时,我们在官网也可以查看其他人分享的作品,选择感兴趣的作品,打开,可以看到我们分享是的【名称、操作说明、备注与谢志】等信息。

点击 进去看看,可以查看项目的背景、角色、积木代码。点击 改编,可以对程序进行修改,制作。制作好后,可以保存在自己的账户内,这样就有和自己创建的程序作品一样的操作。但是,要注意,版权,准备其他人的劳动付出,经过原作者同意后,方可进行再次分享等操作。

我的作品界面

Scratch系列 Scratch编辑器介绍之在线编辑器(二)

接上篇。

简单小动画

介绍一个简单的动画制作过程,会包含在线编辑器的详细介绍,让大家慢慢了解。

  1. 角色背景声音
    见上篇
  2. 积木搭建
    我们使用鼠标将积木块拖拽到编辑区相应的位置,这样就是对我们所选择的角色或背景进行编程控制。
    上一步已经选好了角色和背景,接下来就是想办法让角色和背景动起来,达到我们想要的效果。

    1. 选中角色对象中的小猫,表示当前对小猫进行编程控制。
    2. 选 代码>事件>当’小绿旗’被点击,拖拉到编辑区。这个代表开始事件,如果将作品做成exe文件分享,开发文件就代表已经点击”小绿旗”了。
    3. 选 代码>声音>将音量设为’ ‘%,拖拉到编辑区,放到上一积木块的下方。空白处输入20。本步骤将播放的声音调小,自己可以适当调节。
    4. 选 代码>控制>重复执行,拖拉到编辑区,放到上一积木块的下方。
    5. 选 代码>外观>下一个造型,拖拉到编辑区,放到上一积木块的内部。
    6. 选 代码>外观>下一个背景,拖拉到编辑区,放到上一积木块的下方。
    7. 选 代码>控制>等待’  ‘秒,拖拉到编辑区,放到上一积木块的下方。空白处输入0.2。
    8. 选 代码>控制>如果<> 那么,拖拉到编辑区,放到上一积木块的下方。
    9. 选 代码>运算>’  ‘=’  ‘,拖拉到编辑区,放到上一积木块的<>空格内。第二个空格处输入0。
    10. 选 代码>运算>’  ‘除以’  ‘的余数,拖拉到编辑区,放到上一积木块的第一个空格内。第二个空格处输入10。
    11. 选 代码>侦测>当前时间的’  ‘,拖拉到编辑区,放到上一积木块的空格内。选择下拉框的秒。
    12. 选 代码>声音>播放声音’  ‘,拖拉到编辑区,放到 如果那么 积木块的内部。下拉框选择 Referee Whistle
    13. 选 代码>外观>说’  ‘ ‘  ‘秒,拖拉到编辑区,放到上一积木块的下方。在两个输入框分别输入 “加油!”、“0.1”。

最后的积木搭建结果是:

编辑代码块

示例链接

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

今天通过一个简单小动画和大家介绍下Scratch在线的编辑器,使大家熟悉这个在线工具的使用。

官网 :Scratch

页面最下方有一个语言选择下拉框,可以任意切换你熟悉的语言。其中简体中文在下拉框最下方的位置。

熟悉布局

  1. 注册账号
    填写账号、密码
    选择国家、选择生日、选择性别、填写邮箱(注意我注册时,163邮箱因为带数字被判断不合法的邮箱,需要更换其他邮箱)
  2. 在线编辑器的界面布局
    在线编辑器布局
  • A区 菜单功能区,包含语言切换菜单、文件菜单、编辑菜单、教程、输入框(作品的名称)
    其中文件菜单有>新作品、立即保存、保存副本、从电脑中上传、保存到电脑。
  • B区 代码区,又称积木块区,包含有代码、造型/背景、声音
    其中代码区分为运动、外观、声音、事件、控制、侦测、运算、变量、自制积木 共9中类型,
    没有类型下面又有多种功能的积木。
    造型/背景区可以选择、删除、修改、上传造型和背景。
    声音区也是管理声音的区域。
  • C区 编辑区,是我们垒积木的地方,控制角色和背景、声音的程序区域,最重要变化最多的区域。
  • D区 舞台区,是我们查看我们编程效果的可视化的地方。
  • E区 角色区,管理我们角色的区域,可以选择、删除、修改、上传角色。
  • F区 背景区,管理我们舞台区上面的背景,可以选择、删除、修改、上传背景。

简单小动画

  1. 角色背景
    1. 角色就选用默认的小猫,进入编程界面后,舞台中央就有一只小猫,这就是系统默认提供的角色。如果想更换,可以换成自己喜欢的角色,比如恐龙。
    2. 背景选择Rays和Basketball 1,默认进入编程界面后,没有背景的,需要我们点击背景区,选择一个或多个背景供我们合适的时候使用。这里选择Rays放射的形状来表示非常努力的奔跑,选择Basketball 背景来表示,我们的小猫在篮球场上努力奔跑,准备投篮啦。如果想更换,可以换成自己喜欢的背景,比如操场、室外。
    3. 声音选择 Referee Whistle,选择这个裁判员哨声。如果想更换,可以换成自己喜欢的声音,也可以上传自己录的声音。

      注:选择时,可以在全部中一个一个慢慢挑选,也可以到选择分类缩小浏览范围,也可以直接在输入框输入部分名称筛选,使用时看自己的习惯。
  2. 积木搭建
    见下篇

小问题,

  1. 编辑菜单下面的加速模式是什么作用?
  2. 角色和造型的区别?

答案传送门