Tween - Upline GSAP Animations

Типы перемещения Tween

Tween — это то, что делает всю работу анимации — думайте о нем как о высокопроизводительном установщике свойств . Вы вводите цели (объекты, которые хотите анимировать), продолжительность и любые свойства, которые хотите анимировать, и когда его указатель воспроизведения перемещается в новую позицию, он определяет, какие значения свойств должны быть в этот момент, применяет их соответствующим образом.

Общие типы создания Tween:

Для простых анимаций (без причудливой последовательности) вышеперечисленные типы — это все, что вам нужно!

  • TO - анимация из текущего положение в указаное в настройках.
  • From - анимация из положения указанного в настройках в текущее положение.
  • FromTo - анимация из одного положения в другое (оба указываются в настройках).

To

Наиболее распространенным типом анимации является анимация to, потому что она позволяет вам определять целевые значения.

A
Ghost

From

Представьте себе From обратную анимацию, в которой вы определяете, где значения должны НАЧАТЬ, а затем происходит анимация до текущего состояния, которое идеально подходит для анимации объектов на экране, потому что вы можете настроить их так, как вы хотите, чтобы они выглядели в конце и затем анимируйте из другого места.

A
Ghost

FromTo

Анимация движения FromTo позволяет определить ОБА начальное и конечное значения для анимации (в отличие от анимаций from и to, которые используют текущее состояние как начало или конец). Это отлично подходит для полного контроля над анимацией, особенно когда она связана с другими анимациями. Например:

A
Ghost
Работает на Creatium