动画基础 | HTML5动画基础

动画

动画是运动。运动是一个物体随着时间在空间中改变它的位置，将数学公式应用于改变一个物体的位置后，就可以决定它的下一时刻的位置并影响运动的行为。

在运动之外，它还包括对任意可视属性的变化，如形状、大小，方向与颜色等。一些早期的电脑动画通过循环变化颜色模拟运动。例如，以某种频率改变大量形状不一的蓝色像素的色调就可以模拟水的流动，从而创造出瀑布，在此过程中没有一个物体的位置变化。

时间是动画的基本组成部分。它是用于表现对象位置变化的途径。没有时间就没有运动。同理，没有运动，我们也无法感知时间。

几乎所有的动画都采用帧实现运动。

帧是将一系列离散的图像以极快的速度连续播放从而模拟运动或变化。帧实现动画的概念很简单：当我们连续播放一系列略有差别的图像时，大脑会将他们想象成一幅不断运动的图像。

电影业对这个频率做了大量的实验。研究表明将频率保持在24帧每秒，人们就会把这些帧视为一张运动的图像。低于此频率，人们就会感觉到跳帧，但是高帧率人眼不一定能分辨。

帧的概念使3件事得以实现：存储、传播以及播放。是对一个系统在某一个特定时间点的记录。系统存储对象在某一特定时刻的形状、颜色、位置等图像描述信息，并根据这些信息创建并显示图像，这一思想衍生出的程序帧。

将很长的帧描述简化为对起始帧的一个描述，然后根据某些特定规则构建后续帧。

动画的组成