javascript - 如何创建一个平滑的动画来缓和目标

Question

如何创建一个平滑的动画，在目标改变位置时缓和它？

As this jsFiddle shows ，动画在 moveTarget() 期间停止或被阻止，而不是继续朝向新的目标坐标。

达到预期效果的理想实现/结构是什么？

Answer 1

好的，在这里回答我自己的问题，以防其他人遇到这个问题。

不是在每次 moveTarget() 触发时计算 change (change = finish - begin)，而是在 中不断计算>onEnterFrame()。所以moveTarget()只负责获取新的X和Y位置。

这可以使值朝着目标缓和。

我还把缓动函数的时间值永久设置为1:

easeIn(1, begin, change, duration);

示例答案在此版本 jsFiddle 中:http://jsfiddle.net/dannygarcia/LqP2R/45/