用于添加补间动画所做的一个库,其中有一些有一些曲线的贝塞尔运动;可以模拟AE中的很多效果;

    Quad, Cubic等等都是经典的动画运动算法名称,完整列表如下:

    1. Linear:线性匀速运动效果;
    2. Quadratic:二次方的缓动(t^2);
    3. Cubic:三次方的缓动(t^3);
    4. Quartic:四次方的缓动(t^4);
    5. Quintic:五次方的缓动(t^5);
    6. Sinusoidal:正弦曲线的缓动(sin(t));
    7. Exponential:指数曲线的缓动(2^t);
    8. Circular:圆形曲线的缓动(sqrt(1-t^2));
    9. Elastic:指数衰减的正弦曲线缓动;
    10. Back:超过范围的三次方缓动((s+1)t^3 – st^2);
    11. Bounce:指数衰减的反弹缓动。

    每个效果都分三个缓动方式,分别是:

    • easeIn:从0开始加速的缓动,也就是先慢后快;
    • easeOut:减速到0的缓动,也就是先快后慢;
    • easeInOut:前半段从0开始加速,后半段减速到0的缓动。

    所有的这些缓动算法都离不开下面4个参数,t, b, c, d,含义如下:

    1. /*
    2. * t: current time(当前时间);
    3. * b: beginning value(初始值);
    4. * c: change in value(变化量);
    5. * d: duration(持续时间)。
    6. */
    7. Tween.Linear = function(t, b, c, d) {
    8. return c*t/d + b;
    9. }