遵循 TweenJs 中的自定义路径

【问题标题】：Following a custom path in TweenJs遵循 TweenJs 中的自定义路径
【发布时间】：2013-02-26 17:02:23
【问题描述】：

我正在尝试使用 TweenJs 设计一个简单的动画.. 让我们考虑两个人玩投掷球。我设法将球沿线性路径移动。但它必须看起来很现实。球应该像有重力一样遵循弯曲的路径。我如何在路径中定义“检查点”？或者我应该改变我的策略来实现那个目标吗？提前谢谢..

【问题讨论】：

标签： javascript animation tween

【解决方案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/

【讨论】：