Изменение скорости TweenMax для эффектов

Я новичок в 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();

javascript gsap
person James    schedule 21.08.2015    source источник

Ответы (1)


arrow_upward
3
arrow_downward

animDuration — это переменная, с которой вы можете играть. Немного уменьшите его значение, и оба ваших .to() анимации будут работать быстрее.

В противном случае, если вы не хотите изменять отдельные значения анимации, вы можете использовать .timeScale() экземпляра TimelineMax, и это ускорит саму временную шкалу avatarAni. Итак, вы можете сделать это:

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

В документации говорится:

Коэффициент, используемый для масштабирования времени в анимации, где 1 = нормальная скорость (по умолчанию), 0,5 = половинная скорость, 2 = двойная скорость и т. д.

person Tahir Ahmed    schedule 22.08.2015