JS动画理论

动画（Animation）

动画意味着随着时间而变化，尤其指视觉上的变化，包括位置、形态等的变化。运动基本上表现为物体随时间，发生位置上的变化；形态基本表现为大小、颜色、透明度、形状等随时间的变化。

图像以每秒24帧的速度播放，最容易看成运动的图像。比这个速度再慢些，会由于停顿时间较长，人眼会感觉影像不连贯。人眼似乎不能分辨比这个帧频再快的速度，理论上讲，帧频再快也不会使动画变得更真实，虽然快速的帧频，看上去会更平滑。

三角学（Trigonometry）

三角学是研究三角形与其边和角关系的学科。一个三角形有三条边和三个角，这些边和角存在着一些特殊的关系。比如，增大其中任何一个角，那么该角对应的边就会增长，假设其它两条边长度不，其它两个角会变小。我们在动画中，经常遇到的是直角三角形模型，其中一个角为90度。

勾股定理

直角三角形两直角边长的平方和等于斜边长的平方。由上图可推出： b² + c² = a²

斜边公式

（一）已知两条直角边的长度 ，可按勾股定理计算斜边 ：a² = b² + c²

（二）已知一条直角边和一个锐角，可用直角三角函数计算斜边。

∠B+∠C=90°

sinB=∠B的对边(AC)/斜边(BC)

cosB=∠B的邻边(AB)/斜边(BC)