1. Главная страница
  2. ››
  3. Документация
  4. ››
  5. Tween - Upline GSAP Animations - Базовая работа с анимацией

Навигация

Разделы доки

Tween - типы перемещения

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

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

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

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

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

TO

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

From

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

FromTo

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

Logo Upline Studio Creatium

Наша команда Uplinestudio разрабатывает сайты под разные потребности клиентов. Одним из ключевых направлений в нашей разработке является создание сайтов на Creatium.

Оставить заявку

Работает на Creatium