javascript - 在效果上更改 TweenMax 速度

Question

我是 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();

Answer 1

animDuration 是您可以使用的变量。稍微降低它的值，两个 .to() 补间将运行得更快。

否则，如果您不想更改个别补间值，您可以使用 .timeScale() TimelineMax 实例的 属性，它会加速 avatarAni 时间轴本身。所以你可以这样做:

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

documentation 说:

Factor that's used to scale time in the animation where 1 = normal speed (the default), 0.5 = half speed, 2 = double speed, etc.