如何创建一个平滑的动画,在目标改变位置时缓和它?
As this jsFiddle shows ,动画在 moveTarget()
期间停止或被阻止,而不是继续朝向新的目标坐标。
达到预期效果的理想实现/结构是什么?
最佳答案
好的,在这里回答我自己的问题,以防其他人遇到这个问题。
不是在每次 moveTarget()
触发时计算 change
(change = finish - begin
),而是在 中不断计算>onEnterFrame()
。所以moveTarget()
只负责获取新的X和Y位置。
这可以使值朝着目标缓和。
我还把缓动函数的时间值永久设置为1:
easeIn(1, begin, change, duration);
示例答案在此版本 jsFiddle 中:http://jsfiddle.net/dannygarcia/LqP2R/45/
关于javascript - 如何创建一个平滑的动画来缓和目标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9302135/