Длительность анимации в Popmotion определяется как числовой параметр, выражаемый в миллисекундах, который задаёт общий интервал времени, в течение которого происходит интерполяция значений между начальным и конечным состоянием. Внутренне система анимации опирается на высокоточный таймер и дискретные кадры, синхронизированные с циклом рендеринга браузера, однако вся логика управления временем остаётся детерминированной и явно задаётся разработчиком.
В основе временной модели лежит линейное накопление прогресса:
Фактическое значение на каждом кадре определяется как функция:
При этом длительность выступает нормализующим коэффициентом,
приводящим абсолютное время к диапазону [0, 1].
Tween-анимации в Popmotion используют параметр duration
как основной способ контроля скорости изменения значений. Он задаётся в
миллисекундах и напрямую влияет на скорость интерполяции.
Типовая конфигурация включает:
Чем больше значение длительности, тем более растянутой во времени становится интерполяция. При уменьшении длительности увеличивается скорость изменения состояния, что делает переход более резким.
Особенность заключается в том, что длительность не влияет на путь интерполяции, только на временную шкалу его прохождения.
Хотя easing-функции формально не изменяют длительность, они модифицируют распределение прогресса внутри неё. Это приводит к эффекту субъективного ускорения или замедления анимации.
Характерные режимы:
Таким образом, две анимации с одинаковой длительностью могут восприниматься как разные по времени из-за различной кривой интерполяции.
Timeline в Popmotion представляет собой систему координации множества анимаций в едином временном пространстве. Здесь длительность перестаёт быть локальной характеристикой и становится частью общей временной структуры.
Каждый дочерний анимационный сегмент может иметь:
Важным свойством является то, что timeline позволяет выстраивать сложные временные композиции, где общая длительность определяется суммой, пересечением или наложением отдельных элементов.
При последовательном расположении анимаций итоговая длительность становится кумулятивной. При параллельном — определяется максимальным значением среди всех дочерних элементов.
Управление длительностью в композициях требует учёта временных перекрытий. Popmotion позволяет задавать offset, который смещает начало анимации относительно начала timeline.
Режимы взаимодействия временных интервалов:
В случае перекрытия суммарная временная структура перестаёт быть линейной и превращается в граф зависимостей.
Задержка (delay) в Popmotion не изменяет саму длительность анимации, но изменяет момент её начала в общей временной шкале. Это приводит к увеличению общего времени исполнения сценария без изменения внутренней структуры анимационного сегмента.
С точки зрения временной модели:
При построении сложных сцен суммарное время часто определяется как сумма задержек и активных длительностей всех элементов.
Popmotion предоставляет возможность контролировать прогресс анимации независимо от реального времени. Это означает, что длительность может быть переопределена через внешнее управление прогрессом.
Ключевые механизмы:
Прогресс нормализуется в диапазон [0, 1], где
длительность используется как коэффициент масштабирования при переходе
от абсолютного времени к относительному.
При приостановке анимации система фиксирует текущее значение прогресса и прошедшее время. При возобновлении происходит перерасчёт оставшейся длительности относительно нового временного контекста.
Поведение можно описать как:
Это позволяет сохранять консистентность анимации при любых паузах без нарушения кривой интерполяции.
В Popmotion возможно динамическое изменение скорости воспроизведения через масштабирование временной шкалы. Этот механизм позволяет изменять воспринимаемую длительность без модификации исходного параметра duration.
Принцип работы:
Такой подход особенно важен для синхронизации нескольких анимаций с разными характеристиками длительности.
При проектировании анимационных систем на Popmotion используются устойчивые временные паттерны, обеспечивающие предсказуемость длительности:
Каждый из этих паттернов позволяет контролировать восприятие времени пользователем, не изменяя базовую модель интерполяции.
Одним из ключевых свойств Popmotion является детерминированность временных вычислений. При одинаковой длительности, easing-функции и начальных условиях результат анимации остаётся воспроизводимым.
Это означает:
Длительность в этом контексте становится не просто параметром времени, а частью математической модели трансформации состояния.