Tween.js各类动画运动缓动算法说明

Tween.js各类动画运动缓动算法说明 官网：http://www.createjs.cc/tweenjs/

Linear：线性匀速运动效果； TWEEN.Easing.Linear.None 匀速运动

Quadratic：二次方的缓动（t^2）；

Cubic：三次方的缓动（t^3）；

Quartic：四次方的缓动（t^4）；

Quintic：五次方的缓动（t^5）；

Sinusoidal：正弦曲线的缓动（sin(t)）；

Exponential：指数曲线的缓动（2^t）；启动非常慢，后面快

Circular：圆形曲线的缓动（sqrt(1-t^2)）；会有弹性衰减往复运动感

Elastic：指数衰减的正弦曲线缓动；TWEEN.Easing.Elastic.inout 会有弹性衰减往复运动感

Back：超过范围的三次方缓动（(s+1)*t^3 – s*t^2）；会有弹性衰减往复运动感

Bounce：指数衰减的反弹缓动。会有弹性衰减往复运动感

每个效果都分三个缓动方式，分别是：

easeIn：从0开始加速的缓动，也就是先慢后快；（匀速没有，匀速只有 TWEEN.Easing.Linear.None）

easeOut：减速到0的缓动，也就是先快后慢；

easeInOut：前半段从0开始加速，后半段减速到0的缓动。

————————————————

原文链接：https://blog.csdn.net/macleer/article/details/54972403