Scratch青少年编程教程(九)~制作红绿灯动画
01-目标
02-编程实例
微信回复“红绿灯动画-基础版”、“红绿灯动画-进阶版”即可得到程序原代码。
03-模型搭建
第一步:搭建角色和背景
(1)新建项目:在菜单栏“文件”中,选择“新建项目”,创建一个空的项目,工程文件命名为“红绿灯动画制作”;
(2)创建空舞台:将鼠标移动到小猫的位置,鼠标右击,选择“删除”;此时整个项目都是空的。
(3)创建红绿灯角色:此处需要先准备以下四个红绿灯的造型,可以网上下载红绿灯图片或者微信回复“红绿灯造型图片”获取。
首先选择“从本地文件中上传角色”,选取准备好的一张红绿灯图片:
然后在造型中,上传剩余的三张红绿灯照片,创建好的红绿灯造型如下图所示,并将四个造型分别命名为:
"red"、"orange"、"green"和"none"。
(4)创建小车角色:选择 “从角色库中选取角色”,在“交通工具”里选取“Convertible3”的小车造型,创建好的小车造型如下图所示:
(5)创建背景:在背景库中,选择一个背景,在“户外”中,选取“urban2”的背景。
创建好的角色和背景如下图所示,其中红绿灯可以通过鼠标移动到图形的右上角:
(5)保存项目:在菜单栏“文件”中,选择“保存”。
第二步:红绿灯程序搭建
点击红绿灯造型,开始创建红绿灯造型的程序脚本。
(1)程序初始化:程序开始,首先让红绿灯定义红绿灯的初始位置和大小:
(2)红灯亮5S:首先让红绿灯程序可以不断循环运行,此处通过循环语句的“重复执行实现”;
然后将造型切换为红灯,并且等待5秒,这样红灯就能保持5秒。程序如下:
(3)黄灯闪烁3S:红灯亮完5秒,将造型切换为黄灯;通过循环语句,重复执行3次,让黄灯在亮暗之间来回切换3次,代表黄灯的闪烁。
(4)绿灯亮5S,接着闪烁3次:绿灯的程序实际上是红灯和黄灯程序的叠加,程序如下,注意,此处添加了一个变成绿灯时,发送一个star car的命令程序:
(5)程序调试:红绿灯程序搭建完,可以进行程序调试,结果如下:
(6)保存项目:在菜单栏“文件”中,选择“保存”。
第三步:小车程序搭建
(1)初始化小车位置和大小:首先,初始化小车的位置和大小,程序如下:
(2)小车程序:当小车接收到红绿灯程序发送的“star car”命令时,开始执行移动的命令,直到小车移动碰到边缘位置,最后将小车移动回原位置。
(3)保存项目:至此,完成整个程序的搭建,在菜单栏“文件”中,选择“保存”。
04-完整程序
红绿灯的程序如下:

小车的程序如下:
05-程序升级与思考
(1)如何要让小车碰到边缘时消失,程序应该如何更改?
(2)如何定义更多有趣的红绿灯动画?例如,像文章开头添加一个人物过马路的动画?

添加 家长论坛微信
全部 0条评论