骑自行车动画-帧动画原理及Scratch实现

什么是帧动画？

在计算机科学的世界中，要实现动画，一般有两种方式，分别是帧动画和位移动画。今天我们一起来认识一下帧动画，以及使用Scratch如何实现帧动画。

那什么是帧动画呢？

帧动画，也叫逐帧动画，是一种常见的动画形式，其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。

逐帧动画早在1907年被一个无名技师发明，一时这种奇妙的方法在早期影片中大出风头，当时这种技术不被了解，后来被法国高蒙公司的艾米尔.科尔发现了这个秘诀后拍摄了很多动画片,其中有，《小浮士德》是一部逐帧木偶动画，堪称逐帧动画的早期杰作，后来随着逐帧动画的日益完善，出现了一系列经典作品。

如果你玩过翻书动画，就很好理解帧动画了，我们先来看一个小视频：

帧动画演示

为了更深入的理解帧动画，我们通过一个骑自行车的场景来演示帧动画的效果，你可以在下面的文本框中输入时间间隔来调整动画的速度。

---

需要注意的是，这里看起来好像是一张图片，实际上呢，一共有40张图片，如下所示：

帧动画原理是利用人眼的视觉暂留效应–光对视网膜产生的视觉在光停止作用后，仍保留一段时间的现象。

要实现帧动画，必须满足如下两个基本条件：

• 有多张图片，并且相邻的图片内容基本相同，只有局部有所不同，以保证动画的连贯性，每张图片就成为一帧
• 按照一定的时间间隔来切换图片

使用Scratch实现帧动画

理解了帧动画的原理和必备条件，用Scratch实现帧动画就变得非常简单了，打开Scratch编程软件，将准备好的图片一次性导入Scratch中，一共40个造型，如图所示：

我们只需要按照一定的时间间隔，切换这些造型即可，和切换造型相关的指令有两个，都在外观模块中， 分别是“切换到xx造型”和“下一个造型”，如图：

你认为该使用哪一个呢？相信聪明机智的你早已经想到了，毫无疑问，肯定是“下一个造型”指令。选中自行车角色，编写代码如下：

需要注意的是，下一个造型指令，当造型切换到最后一个了，下一次就切换到第一个造型，周而复始，从而形成连贯的动画效果，这里的时间间隔你可以随意调整，从而改变造型切换的速度。

位移动画是怎样的，Scratch又是如何实现的呢，可以看看这篇文章，跳伞的男孩-位移动画原理及Scratch实现。