TweenMax 更改正在进行的贝塞尔曲线
是否可以使用 TweenMax 在一个基于贝塞尔曲线的动画和另一个基于贝塞尔曲线的动画之间平滑过渡?
在第一个完成之前,我想创建一条新曲线供对象遵循。
t = new TweenMax(movieClip, speed,
{bezierThrough:[{x:84, y:207}, {x:300, y:345}],
orientToBezier:false, ease:Sine.easeOut, onComplete:walkComplete } );
有一个名为 setDestination 的方法,它可以动态调整目标参数,但它似乎只能产生线性动画。
http://www.greensock.com/ as/docs/tween/com/greensock/TweenMax.html#setDestination()
Is it possible to change smoothly transition between one bezier based animation and another using TweenMax ?
Before the first is complete I would like to create a new curve for the object to follow.
t = new TweenMax(movieClip, speed,
{bezierThrough:[{x:84, y:207}, {x:300, y:345}],
orientToBezier:false, ease:Sine.easeOut, onComplete:walkComplete } );
There is a method called setDestination which can adjust the destination parameters on the fly but it seems to result only in a linear animation.
http://www.greensock.com/as/docs/tween/com/greensock/TweenMax.html#setDestination()
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
较新的 updateTo 方法正是我所需要的:
http://www.greensock.com/as/docs/tween/com/greensock/TweenMax.html#updateTo()
The newer updateTo method does precisely what I needed:
http://www.greensock.com/as/docs/tween/com/greensock/TweenMax.html#updateTo()
您可以在每次补间更新正在补间的对象时调用一个函数,方法是传入一个更新函数来调用,如下所示:
更新函数可以检查对象的 x 和 y 线,并在最后创建新曲线。您的 onComplete 函数可以在新曲线上设置动画。
you can call a function every time the tween updates the object being tweened by passing in an update function to call like so:
The update function than can check the x and y cords of the object and toward the end create the new curve. Your onComplete function can animate on the new curve.
使用 setDestination 可以通过设置 x 和 y 属性实现平滑过渡。我增加了即将结束的补间的持续时间,以防止快速跳转到新的目的地。
Using setDestination can result in smooth transitions by setting the x and y properties. I increased the duration of nearly ending tweens to prevent rapid jumping to the new destination.