javascript - 遵循 TweenJs 中的自定义路径

标签 javascript animation tween

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

最佳答案

最近发布的 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);

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

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

关于javascript - 遵循 TweenJs 中的自定义路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15339948/

相关文章:

安卓车速表(针规)

java - libgdx - Android 问题 - "Unfortunately [app name] has stopped"

javascript - 如何在CSS中使用关键帧文本动画时设置填充文本

javascript - 如何使顶部菜单中的下拉菜单无延迟/动画显示?

javascript - 动态禁用/启用 ApplicationInsights Telemetry

css - 遇到 Css3 动画问题

java - Android Studio/LibGdx/ fatal error

java - jquery 移动 android t9 禁用

ios - 在 iOS 中,动画 View 在手动调用 segue 后返回到其原始状态

javascript - 如何使用 javascript 显示 PNG 图像的动画图像? [ 如 Gmail ]