繼TweenJs中的自定義路徑

Question

我試圖用TweenJs設計一個簡單的動畫.. 讓我們考慮兩個人玩擲球。我設法在直線路徑上移動球。但它看起來很現實。球應該遵循像重力一樣的彎曲路徑。我如何在路徑中定義「檢查點」？或者我應該改變我的策略來實現這一目標？ 在此先感謝...

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