Scratch第63讲：小动画—我和我的祖国

网友投稿 2019-10-28 15:46

先看看CC哥做的小动画视频：

设计思路

思路很简单，就是首先找一张图片，然后做一些动画渲染效果。

图片就去百度图片上找：

看了一下这张图片不错。

那做什么效果呢？第一个就是想让字能动，那就需要把这“我和我的祖国”这几个字扣出来，怎么扣呢？去掉图片背景，在scratch有两种办法，一种是在Scratch里面涂色，用透明的颜色涂色，或者就是在scratch里面用橡皮擦一点点擦，这两种办法都挺常用的，尤其是处理一些复杂些的造型。

所以做Scratch还是要掌握一些作图的技巧，CC哥最熟悉的还是美图秀秀，用了智能抠图，一下子就把我和我的祖国这几个字给抠出来了。

然后把每个字单独做成造型，就可以围绕着字来做动画了。

然后效果这个部分，经过仔细考虑，大概做三个效果：

1：配上音乐并做出动态节奏波形

2：烟花效果

3：字的特效

如果想免费获得CC哥的讲座中的程序代码以及游戏素材，可以通过扫描二维码关注《跟我学Scratch编程》，然后点击获取代码即可。

字的特效

先说最简单的，字的特效大家可以自己创意，CC哥最近编程也变懒了，竟然每个字用了个角色，一般高手都是用一个角色，然后用造型切换和克隆就好了。所以由此处可以看出CC哥并不是编程高手。

CC哥就做了两个特效，一个是开始时，字从远处飞过来，逐渐变大。另一个效果就是不断地调整亮度。

烟花特效

烟花特效是CC哥在网上学的，所谓的烟花特效其实就是角色的轨迹处理，轨迹就是渐渐消失的过程。逐渐消失怎么做？就是用近乎透明的背景图片一层层的重复去覆盖，听明白没？说慢一点：用一个90%透明的背景图片覆盖一次的时候，被覆盖的画面就会淡一点，再覆盖一次，就会越淡一点，覆盖10次，画面就会被全部覆盖住了。把这个原理应用到轨迹里。一个角色在移动的过程中，不断地用图章去留下轨迹，然后这些轨迹图章被一层层覆盖掉，就形成了轨迹。

就是把这个背景的透明度设成90%，然后不断地覆盖。（不想被覆盖的内容就移动到前面来

。）

然后烟花就简单了：

烟花造型

第一步先克隆一圈，每转10度克隆一个。颜色的特效是随机取的。J这个变量来决定烟花的大小。

每个克隆体启动之后，就沿着自己的方向向四周扩散，变走变盖上图章。走的过程中不断改变颜色特效。

考虑重力的效果，就把重力效果的代码加上。

这样烟花就做好了，配合刚才的背景反复覆盖，就形成了烟花轨迹的效果。

为了增加烟花的效果，CC哥直接复制了三个一摸一样的烟花角色，这样就会让烟花出现的效果更逼真，比如几个烟花同时绽放。

音乐节奏

画上方的变动正弦曲线就是表示音乐的节奏，我们的思路是：

1：用响度这个侦测量来取配乐的响度值。

2：用正弦曲线来表示响度，正弦曲线的振幅越高，就说明音乐越响。

3：引入计时器来增加曲线的效果。

这段程序里有一个列表，这个列表里CC哥存的就是我爱我的祖国音乐的响度值。这个怎么得到呢？方法就是提前用循环把音乐的响度值读出来并写入一个列表中。

当然你也可以不用提前取响度值，而直接读取实时侦测的响度值。CC哥提前取响度值，是感觉实时取侦测响度值再画出正弦曲线还是有滞后的。当然提前取响度值，面临的问题就是播放同步的问题。就算你每个0.1秒取一次，然后在运行程序时，就发现就算你设定成0.1秒画一次正弦曲线，但是还是不同步，这是因为执行程序代码也需要时间，如果你提取响度值的程序代码和画正弦曲线的代码长度不一样，那么就会形成偏差，曲子长了之后你会发现偏差到最后还挺大。所以CC哥在提取响度值时就是直接在程序里提取，就是把sensor赋值的那句代码换成了提取响度值的代码。这样基本上就同步了。