遵循TweenJs中的自定义路径

时间:2013-03-11 13:33:16

标签: javascript animation tween

我正在尝试使用TweenJs设计一个简单的动画.. 让我们考虑两个人玩扔球。我已经成功地将球移动到一条线性路径中。但它必须看起来很现实。球应该遵循弯曲的路径,就像有引力一样。我怎样才能在路径中定义“检查点”?或者我应该改变策略来实现这个目标吗? 提前谢谢..

1 个答案:

答案 0 :(得分:5)

最近发布的TweenJS(版本0。0。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