Itween实现速度曲线变化时用到的数学公式

发表于2018-05-26
评论4 4.5k浏览
这是本人第一次写的技术博客,如有不妥之处,望指出。

Itween是个功能很强大的程序动画库,可以很好的解决那些必须用程序实现的动画需求。下面我来解释一下他如何实现速度曲线变化。

easeInQuad 
这个指的是先慢后快的曲线变化。

private float easeInQuad(float start, float end, float value){
end -= start;
return end * value * value + start;

这是个二次方程。
上图公式为y=ax^2,a=3。


easeOutQuad
这个指的是先快后慢的曲线变化。

private float easeOutQuad(float start, float end, float value){
end -= start;
return -end * value * (value - 2) + start;

上图公式为y=-ax*(x-2),a=3。

itween还有很多动画函数,大家画出函数曲线图就都会清楚了,就不一一列举了。搞明白这些的好处是当有特殊需求时,大家可以参考这些举一反三。

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引

标签: