TimelineMax переворачивает анимацию один раз

Question

TimelineMax переворачивает анимацию один раз

1

Мне интересно, есть ли способ отменить твинов внутри временной шкалы после того, как они закончили анимацию. Я хочу масштабировать элементы и менять их цвет. После этого я хочу изменить анимацию. Я пытался с yoyo() но этот метод, к сожалению, играет в анимацию 3 раза, даже когда я устанавливаю repeat: 1 (он оживляет 1-2-3-3-2-1-1-2-3-3-2-1).

    introTimeline.append(  TweenMax.to($(".Element"), 1, {scale: 2, 
    fill: "red", ease: Power2.easeIn, repeat: 1, yoyo: 
    true})  );

Все, что мне нужно, это 1-2-3-3-2-1 для каждой анимации на временной шкале...

Неправильный ли подход к этому?

Давай действительно знаю ответ на такой простой вопрос...?

Unknown User 27 июнь 2017, в 22:32

Источник

0

Как насчет repeat: 0 или repeat:false ?
Graham P Heath 27 июнь 2017, в 20:31
0

@GrahamPHeath Тогда он просто оживляет 1-2-3 и останавливается. Мне нужно 1-2-3-3-2-1. Я действительно сбит с толку, почему эта простая штука должна быть такой сложной в гринсоке или я просто слишком туп, чтобы ее найти ...
Unknown User 27 июнь 2017, в 20:35

Теги:

javascript

reverse

timeline

greensock

1 ответ

Ещё вопросы

@GrahamPHeath Тогда он просто оживляет 1-2-3 и останавливается. Мне нужно 1-2-3-3-2-1. Я действительно сбит с толку, почему эта простая штука должна быть такой сложной в гринсоке или я просто слишком туп, чтобы ее найти ...

viCky · Accepted Answer · 2017-07-04T09-45-00.000Z

Вы можете просто изменить анимацию после завершения анимации. Используйте следующий код:

var tl = new TimelineMax({
  onComplete:complete,
});


tl.to("img", 3, {rotation:360, transformOrigin:"150px 150px", ease:Linear.easeNone});

function complete(tl) {
  tl.restart(); // 0 sets the playhead at the end of the animation
}