В системах анимации временная шкала не ограничивается абсолютными значениями длительности. Поведение элементов определяется набором относительных и абсолютных меток, которые задают момент старта, пиковые состояния и завершения трансформаций. В Motion One такие метки выражаются через комбинацию длительности, смещений, процентных ключевых точек и привязок внутри последовательностей.
Основой управления временем в анимациях является интерпретация длительности как интервала, внутри которого распределяются ключевые состояния. Вместо привязки к фиксированным миллисекундам отдельные состояния описываются как доля общего времени.
Чаще всего используется нормализованный диапазон:
В этом промежутке размещаются ключевые кадры, определяющие поведение свойства во времени. Такой подход позволяет сохранять независимость от конкретной длительности и масштабировать анимации без перерасчёта логики переходов.
В Motion One ключевые состояния анимации часто задаются через процентные позиции. Каждая точка определяет, в какой момент времени должно быть достигнуто определённое значение свойства.
Типовая модель:
При этом распределение не обязано быть равномерным. Смещение ключевых точек позволяет формировать нелинейное поведение:
Такое распределение формирует основу временной структуры анимации, где ключевые точки становятся метками изменения поведения.
Каждый ключевой кадр может иметь собственную временную позицию, выраженную числом от 0 до 1 или процентом. Эти значения определяют не только порядок, но и плотность изменений.
Неравномерное распределение меток позволяет управлять динамикой:
Подобная система заменяет необходимость ручного расчёта промежуточных значений, делая временную структуру декларативной.
В Motion One длительность анимации выступает как коэффициент масштабирования всей временной структуры. Изменение длительности не требует переразметки ключевых точек, поскольку они остаются в относительных координатах.
Если ключевые состояния заданы как:
то при увеличении длительности с 300 мс до 1200 мс структура сохраняется, меняется только абсолютное время прохождения интервала.
Такой подход позволяет строить анимации, независимые от контекста использования, сохраняя предсказуемость поведения.
При построении сложных сцен анимация редко ограничивается одним объектом. Несколько элементов синхронизируются через последовательности, где каждая операция имеет собственную временную привязку.
В таких структурах используются метки старта относительно других анимаций:
Система меток позволяет описывать порядок выполнения без ручного вычисления абсолютных временных значений.
При группировке анимаций внутри одной последовательности временная ось становится локальной. Каждая операция получает смещение относительно начала контейнера.
Внутри такой модели применяются следующие принципы:
Эта модель превращает временную шкалу в структуру с внутренними ориентирами, а не набор фиксированных задержек.
Одной из ключевых возможностей является наложение анимаций. Метки времени могут указывать на момент, когда одна анимация уже находится в процессе выполнения другой.
При перекрытии:
Такое поведение создаёт сложные композиции без необходимости объединять все изменения в один набор ключевых кадров.
Вместо абсолютных значений часто используются относительные указания:
Эти смещения формируют граф зависимостей, где каждый элемент связан с другими через временные метки.
При построении сложных интерфейсных анимаций временные метки формируют иерархическую структуру:
Каждый уровень может переопределять поведение нижнего уровня, создавая каскадную систему управления временем. В результате одна и та же метка может иметь разное значение в разных контекстах.
Если несколько анимаций используют одинаковые временные позиции, они автоматически синхронизируются по ключевым состояниям. Например, переход к видимому состоянию нескольких элементов может происходить одновременно даже при разной длительности отдельных эффектов.
Синхронизация достигается за счёт совпадения:
Это позволяет выстраивать визуально согласованные переходы без явного выравнивания таймингов.
При изменении параметров анимации во время выполнения временные метки могут пересчитываться относительно новой длительности. Это приводит к адаптивному поведению, где структура сохраняется, но масштаб времени изменяется.
Такая модель особенно эффективна при:
Временная шкала может быть разделена на сегменты, каждый из которых представляет отдельный этап поведения. Эти сегменты описываются собственными метками начала и конца.
Типовая структура сегментов:
Каждый сегмент содержит собственные внутренние ключевые точки, формируя вложенную временную систему.
Несколько независимых анимаций могут быть объединены в общую композицию без объединения их ключевых кадров. Это достигается через согласование временных меток на уровне координат запуска.
В результате:
Такой подход снижает сложность управления крупными анимационными системами, сохраняя модульность поведения.