javascript - TweenJs でカスタム パスをたどる

Question

TweenJs を使用して簡単なアニメーションを設計しようとしています。2 人がボールを投げていると考えてみましょう。ボールを直線的に動かすことができました。しかし、それは現実的に見える必要があります。ボールは、重力があるように曲がりくねった経路をたどる必要があります。経路に「チェックポイント」を定義するにはどうすればよいですか? それとも、その目標を達成するために戦術を変更する必要がありますか? 前もって感謝します..

Answer 1

最近リリースされた TweenJS (バージョン 0.4.0、2013 年 2 月 12 日) には MotionGuidePlugin が含まれています。使い方はとても簡単です:

// Using a Motion Guide
createjs.Tween.get(target).to({guide:{ path:[0,0, 0,200,200,200, 200,0,0,0] }},7000);
// Visualizing the line
graphics.moveTo(0,0).curveTo(0,200,200,200).curveTo(200,0,0,0);

ここに簡単なフィドルがあります： http://jsfiddle.net/lannymcnie/qEYD4/1/

詳しくはドキュメントをご覧ください。 http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html