ターゲットの位置が変化するのに合わせて徐々に近づいていくスムーズなアニメーションを作成するにはどうすればよいですか?
この jsFiddle が示すようmoveTarget()
に、アニメーションは新しいターゲット座標に向かって続行するのではなく、途中で停止またはブロックされます。
望ましい効果を達成するための理想的な実装/構造は何ですか?
ターゲットの位置が変化するのに合わせて徐々に近づいていくスムーズなアニメーションを作成するにはどうすればよいですか?
この jsFiddle が示すようmoveTarget()
に、アニメーションは新しいターゲット座標に向かって続行するのではなく、途中で停止またはブロックされます。
望ましい効果を達成するための理想的な実装/構造は何ですか?
わかりました、他の誰かがこの問題を抱えている場合に備えて、ここで私自身の質問に答えてください。
が発火するたびにchange
( )を計算する代わりに、常に で計算されています。したがって、新しい X および Y 位置を取得することのみを担当します。change = finish - begin
moveTarget()
onEnterFrame()
moveTarget()
これにより、値がターゲットに向かって緩和されます。
また、イージング関数の時間値を常に 1 に永続的に設定します。
easeIn(1, begin, change, duration);
答えの例は、このリビジョン jsFiddle にあります: http://jsfiddle.net/dannygarcia/LqP2R/45/