2017-04-24 11 views
0

gsapでアニメーションを再生したいのですが、再生が終了したらリセットします。アニメーションを再生した後のように、終了後にリセットします。どこかをクリックしたり、プレイ時間を計算したりせずに、スリープ状態にしたり、プロセスを待ったりしないでください。gsap、再生後にアニメーションを復帰する

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

(理想的には、GSAPには、リセットコールがこれをacieveする方法..ありません?)

私はそれが(.seekで動作するように取得することはできません)、.time:のような、単に何か()、.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 ..それを説明しようとしていないので、うまくいきます。https://codepen.io/anon/pen/BRLeLz – Zeitvertreib

関連する問題