ターゲットに向かって緩和するスムーズなアニメーションを作成する方法

Question

ターゲットが位置を変えるときに緩和するスムーズなアニメーションを作成するにはどうすればよいですか？

このjsfiddleが示すように, 、アニメーションが停止またはブロックされます moveTarget() 新しいターゲット座標に向かって継続する代わりに。

望ましい効果を達成するための理想的な実装 /構造は何ですか？

Answer 1

OK、他の誰かがこの問題を抱えている場合に備えて、ここで自分の質問に答えてください。

計算する代わりに change (change = finish - begin） 毎回 moveTarget() 火災、それは常に計算されています onEnterFrame(). 。そう moveTarget() 新しいXおよびYの位置を取得する責任のみ。

これにより、値がターゲットに向かって容易になります。

また、緩和関数の時間値を常に1に設定します。

easeIn(1, begin, change, duration);

例の答えは、このリビジョンjsfiddleにあります： http://jsfiddle.net/dannygarcia/lqp2r/45/