我对GSAP很陌生。下面的方法效果很好,并且可以在背景图像之间进行更改,但是不确定如何加快速度,因此速度要快一些。

JavaScript:

var avatarAni = new TimelineMax({ paused: true, repeat: -1 });

    avatarAni.to(avatars, animDuration, {
        scaleX: 1.1,
        scaleY: 1.1,
        ease: Power3.easeIn,
        onComplete: onCompleteScaleIn
    });

    avatarAni.to(avatars, animDuration, {
        scaleX: 1.0,
        scaleY: 1.0,
        ease: Power3.easeOut
    });

    avatarAni.play();

最佳答案

animDuration是您可以使用的变量。稍微降低其值,您的两个.to()补间都将更快。

否则,如果您不想更改各个补间值,则可以使用.timeScale()实例的TimelineMax属性,这将加快avatarAni时间轴本身。因此,您可以这样做:

...
avatarAni.timeScale(2);
avatarAni.play();


documentation说:


  用于缩放动画中时间的因子,其中1 =正常速度(默认值),0.5 =半速度,2 =双速度等。

关于javascript - 更改效果上的TweenMax速度,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/32145289/

10-13 01:51