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

什么是帧动画?

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

那什么是帧动画呢?

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

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

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

翻书动画

帧动画演示

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


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

自行车帧图片
自行车帧图片

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

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

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

使用Scratch实现帧动画

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

自行车角色造型
自行车角色造型

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

scratch换造型指令
scratch换造型指令

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

实现自行车帧动画效果
实现自行车帧动画效果

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

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

© 版权声明
THE END
喜欢就支持一下吧
点赞12赞赏
分享
评论 抢沙发
diamondwang的头像-51scratch

昵称

取消
昵称表情代码图片