Bootstrap

使用sin函数实现阻尼动画效果

某款游戏中,有一个combo的功能,需要弹出一个combo的ui,要求要从小到大然后晃动几下,首先想到的就是阻尼运动,但是阻尼方程过于复杂,所以打算用sin函数改出一个来。。。


首先看一下sin函数图像y=sin(x):



首先我们需要让函数有一个衰减的过程,所以我们再除以x,像这样 y=sin(x)/x:


然后因为我们的动画需要从小到大,即从0-1,所以我们把函数颠倒一下,并向上移动1 :y=-sin(x)/x+1

;