TweenJsのカスタムパスに続いて

Question

TweenJsで簡単なアニメーションをデザインしようとしています。 投球の2人を考えてみましょう。私は直線的な道でボールを動かすことができた。しかし、それは現実的に見えなければならない。ボールは重力があるような曲がりくねった道をたどるべきです。私はどのようにして軌道に「チェックポイント」を定義できますか？あるいは、私はその目標を達成するために私の戦術を変えるべきですか？ ありがとうございます。

Answer 1

最近リリースされたTweenJS（バージョン0.4.0、2013年2月12日）には、MotionGuidePluginが含まれています。使い方は非常に簡単です：ドキュメントで http://jsfiddle.net/lannymcnie/qEYD4/1/

詳細情報：ここでは

// 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://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html