Камеры и их параметры

Камера в After Effects рассматривается как отдельный слой, задающий виртуальную точку наблюдения за сценой. В контексте Lottie Web этот слой не всегда транслируется напрямую, поскольку формат JSON Lottie ориентирован на воспроизведение 2D и частично 2.5D трансформаций без полноценного 3D-движка. При экспорте через Bodymovin поведение камеры часто преобразуется в набор преобразований слоёв, имитирующих её движение.

Основная концепция камеры в анимационных композициях заключается в управлении перспективой, масштабом сцены и смещением точки наблюдения относительно объектов. В классической 3D-сцене камера имеет собственное положение в пространстве, направление взгляда и параметры проекции, однако в Lottie Web это поведение упрощается до математических трансформаций слоёв.

В экспортированном JSON камера может присутствовать как элемент структуры композиции, но чаще всего она не сохраняет семантическое значение полноценной камеры. Вместо этого её анимационные ключи перераспределяются между слоями.

Ключевые свойства, связанные с камерой в исходной композиции:

  • положение камеры в пространстве
  • точка интереса (target / point of interest)
  • зум или фокусное расстояние
  • вращение в трёх осях
  • параметры перспективы

При экспорте в Lottie эти параметры могут быть преобразованы в:

  • position слоёв
  • scale трансформации
  • rotation по осям Z (иногда X/Y в псевдо-3D)
  • смещение якорной точки

Таким образом, камера перестаёт существовать как отдельная сущность и становится источником вычисляемых трансформаций.

Параметры камеры и их интерпретация

Позиция камеры

Положение камеры в After Effects задаётся в трёхмерных координатах. В Lottie Web отсутствует полноценная 3D-сцена, поэтому значение позиции интерпретируется косвенно.

Типичная трансформация:

  • движение камеры вперёд/назад → масштаб слоёв
  • движение влево/вправо → смещение композиции по X
  • движение вверх/вниз → смещение по Y

Это создаёт иллюзию камеры, хотя фактически изменяются параметры объектов.

Точка интереса

Точка интереса определяет, куда направлена камера. В 3D-сцене это влияет на ориентацию всей системы координат.

В Lottie Web:

  • направление камеры часто сводится к изменению центра трансформации
  • слои перераспределяются относительно общей системы координат
  • эффект достигается синхронным смещением нескольких слоёв

В результате поворот камеры заменяется согласованным движением объектов относительно центра композиции.

Фокусное расстояние и zoom

Фокусное расстояние камеры отвечает за перспективное искажение. В After Effects оно влияет на степень «приближения» сцены без изменения реального положения объектов.

В Lottie Web аналог реализуется через:

  • scale композиции или отдельных слоёв
  • изменение интервала между слоями по оси Z (если имитируется 3D)
  • модификацию матрицы трансформации

genui{“math_block_widget_always_prefetch_v2”:{“content”:“f(x)=kx”}}

Масштабирование сцены можно рассматривать как линейное преобразование, где коэффициент масштабирования заменяет оптический зум камеры.

Вращение камеры

Вращение камеры в пространстве включает оси X, Y и Z. В Lottie Web полноценная 3D-ротация ограничена, поэтому чаще сохраняется только вращение вокруг оси Z.

Интерпретация:

  • rotation Z → поворот всей сцены
  • rotation X/Y → имитация наклона через искажение позиций слоёв

При наличии 3D-слоёв After Effects может экспортировать псевдо-3D трансформации, которые Lottie воспроизводит через матричные преобразования.

Модель трансформации и матричная интерпретация

Внутренне Lottie Web опирается на 2D canvas или SVG, где любые «камерные» эффекты сводятся к матрицам преобразования.

Базовая модель:

  • перемещение (translate)
  • масштаб (scale)
  • вращение (rotate)
T(x,y)=

Камера в таком представлении становится не отдельным объектом, а функцией преобразования координат всех элементов сцены.

Ограничения Lottie Web при работе с камерой

Основное ограничение заключается в отсутствии полноценного 3D-движка. Это приводит к ряду особенностей поведения:

  • отсутствует реальная перспектива с точкой схода
  • нет корректного z-buffer и глубины сцены
  • пересечения слоёв не рассчитываются физически
  • эффекты перспективы имитируются масштабом и смещением

Также не поддерживаются сложные камерные эффекты:

  • глубина резкости
  • motion blur, зависящий от движения камеры
  • экспозиция и оптические искажения
  • реальные focal shift эффекты

Любая сложная камера из After Effects при экспорте обычно «запекается» в движение слоёв, теряя семантическую структуру камеры как объекта.

Поведение 3D-слоёв и псевдокамеры

При использовании 3D-слоёв After Effects экспорт создаёт иллюзию глубины. Однако Lottie Web интерпретирует это через упрощённую систему координат.

Особенности:

  • ось Z влияет на порядок отрисовки и масштаб
  • ближние слои визуально крупнее
  • дальние слои уменьшаются, но не исчезают физически
  • нет истинного параллакса камеры, только его имитация

Система строится на предположении линейной зависимости:

s=

где глубина z влияет на коэффициент масштабирования слоя.

Практическая интерпретация камерных анимаций

При анализе Lottie-анимаций, содержащих движение камеры, наблюдается закономерная декомпозиция:

  • панорамирование камеры превращается в синхронный сдвиг всех слоёв
  • зум камеры становится глобальным scale-композиции
  • вращение камеры заменяется обратным вращением сцены
  • движение по глубине моделируется изменением размеров объектов

Это создаёт обратную кинематику: не камера движется относительно сцены, а сцена математически перестраивается под фиксированную точку наблюдения.

Взаимодействие камеры с якорными точками

Anchor point играет ключевую роль в имитации камерного поведения. При изменении точки якоря меняется центр трансформации, что позволяет:

  • создавать эффект вращения вокруг объекта
  • имитировать орбитальное движение камеры
  • фиксировать фокус на выбранной области сцены

Комбинация изменения anchor point и scale даёт эффект приближения камеры к объекту без использования настоящей 3D-геометрии.

Особенности рендеринга в Canvas и SVG

В зависимости от режима рендеринга Lottie Web поведение камерных трансформаций различается.

Canvas renderer:

  • использует матричные преобразования на уровне контекста
  • быстрее обрабатывает масштаб и перемещение
  • хуже сохраняет точность сложных трансформаций

SVG renderer:

  • опирается на DOM-трансформации
  • позволяет более точную работу с группами элементов
  • ограничен производительностью при сложных сценах

В обоих случаях камера не существует как отдельный объект, а её эффект распределяется по всей сцене.

Синтетическая модель камеры в Lottie

Обобщённая модель камеры в Lottie Web сводится к функции преобразования сцены:

  • вход: набор слоёв и ключевых кадров
  • преобразование: матрицы трансформации
  • выход: визуально согласованная 2D-анимация

Камера перестаёт быть наблюдателем и становится набором параметров глобального преобразования сцены, где все изменения выражаются через геометрию слоёв и их относительное положение в композиции.