如何创建朝向目标的平滑动画

How to create a smooth animation that eases toward the target

本文关键字：目标 平滑 动画 何创建 创建      更新时间：2023-09-26

如何创建一个平滑的动画，使其在目标改变位置时向目标倾斜？

如此jsFiddle所示，动画在moveTarget()期间停止或被阻止，而不是继续指向新的目标坐标。

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

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

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

这样可以使数值朝着目标方向缓和。

我还将宽松函数的时间值永久设置为1:

easeIn(1, begin, change, duration);

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

相关文章：