首页 > 代码库 > JS动画理论

JS动画理论

动画(Animation)

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

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

三角学(Trigonometry)

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

                              

勾股定理

直角三角形两直角边长的平方和等于斜边长的平方。由上图可推出: b2 + c2 = a2

斜边公式

(一)已知两条直角边的长度 ,可按勾股定理计算斜边 :a2 = b2 + c2
(二)已知一条直角边和一个锐角,可用直角三角函数计算斜边。
 
∠B+∠C=90°
sinB=∠B的对边(AC)/斜边(BC)
cosB=∠B的邻边(AB)/斜边(BC)

 

JS动画理论