TweenMax 更改正在进行的贝塞尔曲线

发布于 2024-08-05 19:55:58 字数 564 浏览 5 评论 0原文

是否可以使用 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 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

桜花祭 2024-08-12 19:55:58

较新的 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()

山川志 2024-08-12 19:55:58

您可以在每次补间更新正在补间的对象时调用一个函数,方法是传入一个更新函数来调用,如下所示:

t = new TweenMax(movieClip, speed, 
{bezierThrough:[{x:84, y:207}, {x:300, y:345}],
orientToBezier:false, ease:Sine.easeOut, onComplete:walkComplete, onUpdate:walkInProgress } );

更新函数可以检查对象的 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:

t = new TweenMax(movieClip, speed, 
{bezierThrough:[{x:84, y:207}, {x:300, y:345}],
orientToBezier:false, ease:Sine.easeOut, onComplete:walkComplete, onUpdate:walkInProgress } );

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.

小姐丶请自重 2024-08-12 19:55:58

使用 setDestination 可以通过设置 x 和 y 属性实现平滑过渡。我增加了即将结束的补间的持续时间,以防止快速跳转到新的目的地。

if ( t.progress > .8)
 t.duration += 1;
 t.setDestination("x", points[1].x);
 t.setDestination("y", points[1].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.

if ( t.progress > .8)
 t.duration += 1;
 t.setDestination("x", points[1].x);
 t.setDestination("y", points[1].y);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文