2017-04-24 278 views
0

我想用gsap播放动画,但播放完毕后我想重置它。就像播放该动画之后一样,在完成后重置。无需点击任何地方或计算播放时间,睡觉或等待过程。只需简单地是这样的:gsap,播放后恢复动画

TweenLite.to(thing, 1, {x:'-20px'}).reset(); 

(?理想情况下,存在GSAP没有复位呼叫..如何acieve本))

我不能让它与.seek工作(,。时间(),.pause()。 那些总是中断动画。

首选我想使用一个简单的TweenLite,或者如果必须的话,一个TimelineLite。 进出口搜索/查找它,因为小时..

回答

0

有很多方法可以做到这一点,但这里有一个简单的一个:

TweenLite.to(thing, 1, {x:-20, onComplete:function() { 
    this.pause(0); //seeks the tween (this) to 0 (playhead's starting position) and pauses immediately. 
}}); 

这是否帮助?

+0

是的,谢谢! – Zeitvertreib

+0

..但我弄脏我的手制作纸牌游戏。我需要在一些动画之后重新设置。我无法在onComplete解决方案上嵌套另一个补间。 ..看来调用补间不等待由onComplete调用的补间:function_calling_other_tween ..一个不太好的工作codepen试图说明它:https://codepen.io/anon/pen/BRLeLz – Zeitvertreib