继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