【问题标题】:gsap, revert animation after playgsap,播放后反向动画
【发布时间】:2023-03-18 19:16:01
【问题描述】:

我想用 gsap 播放动画,但是播放完之后,我想重置它。就像播放该动画后,在完成后重置。无需点击任何地方或计算播放时间、休眠或等待进程。只是简单的类似:

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

(理想情况下,gsap 中没有重置调用。如何实现这一点?)

我无法让它与 .seek()、.time()、.pause() 一起使用。 那些总是打断动画。

最好我想使用一个简单的 TweenLite,或者如果必须的话,一个 TimelineLite。 我从几个小时开始就在搜索/寻找它..

【问题讨论】:

    标签: gsap


    【解决方案1】:

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

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

    这有帮助吗?

    【讨论】:

    • ..但是我在做纸牌游戏时弄脏了手。在做了几件事后,我需要“重置”。我无法在该 onComplete 解决方案上嵌套另一个补间。 ..似乎调用补间没有等待由 onComplete:function_calling_other_tween 调用的补间.. 一个不太好的工作代码笔试图说明它:codepen.io/anon/pen/BRLeLz
    猜你喜欢
    • 1970-01-01
    • 2022-10-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多