TweenLite 中提供了较多的运动函数,部分函数间的差别似乎并不大,于是写了一段代码对每种缓动函数的运动状态进行测试,力求找出函数间的差别来。
测试效果如下:
easeIn 函数总体来看是一个加速的过程,函数间进入的速度有所不同,白色小球以固定的时间段为间隔,依次画出,白色小球间的距离越大,表示该段时间内运动的轨迹越长。
easeOut 函数总体来看是一个减速的过程,可以看做是easeIn 的反过程,各个函数曲线间有一定的相似性,但从缓动进行的快慢上来看,函数间的差别还是很明显的。
easeInOut 函数总体来看是一个先加速后减速的过程,它就像是先来了一个easeIn 再接着来一个easeOut。
特别提示: 前面三图中的 Regular.easeIn Regular.easeOut Regular.easeInOut 其实是标错了,这三个图中最后一个效果都是 Regular.ease (默认的缓动效果),不想再重做一遍了,凑和着看吧。下面的代码可以很清楚的看出这一点。