我对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/