javascript – 在TweenJs中遵循自定义路径

前端之家收集整理的这篇文章主要介绍了javascript – 在TweenJs中遵循自定义路径前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

最佳答案
最近发布的TweenJS(版本0.0.0,2013年2月12日)包含一个MotionGuidePlugin.用法非常简单:


// Using a Motion Guide
createjs.Tween.get(target).to({guide:{ path:[0,200,0] }},7000);
// Visualizing the line
graphics.moveTo(0,0).curveTo(0,200).curveTo(200,0);

这是一个快速的小提琴:
http://jsfiddle.net/lannymcnie/qEYD4/1/

更多信息在文档中.
http://www.createjs.com/Docs/TweenJS/classes/MotionGuidePlugin.html

猜你在找的JavaScript相关文章