§ 64. Анимация

Определения и обозначения

Анимация — создание иллюзии движения за счёт последовательной смены изображений. Отдельные изображения показывают объект в немного разных состояниях, и их смена создаёт впечатление перемещения или изменения. Анимацию используют, чтобы наглядно представить движение в видео, игре или интерфейсе.

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

Ключевой кадр — кадр, в котором явно задано важное состояние объекта или сцены. Например, в нём можно указать начальное и конечное положения движущегося объекта. Такие кадры задают опорные точки, между которыми строится движение.

Частота кадров — количество кадров, показываемых за одну секунду; её обозначают FPS, от английского frames per second. Например, 25 FPS означает, что за секунду показывается 25 кадров. Эта величина нужна, чтобы определить темп воспроизведения и вместе с длительностью вычислить общее число кадров.

Как это устроено

Быстрая смена немного различающихся изображений воспринимается не как набор отдельных картинок, а как движение. Зрительная система удерживает впечатление от только что увиденного изображения, пока появляется следующее. Если объект на соседних кадрах смещается постепенно, переход кажется непрерывным; если изображения долго не меняются или скачут слишком далеко, движение выглядит прерывистым.

Общее количество кадров связано и с длительностью, и с частотой показа: N = t · FPS. Здесь t измеряется в секундах, а FPS — в кадрах за секунду, поэтому произведение даёт число кадров. Например, увеличение длительности при неизменном FPS добавляет кадры, а увеличение FPS при той же длительности делает последовательность более частой.

В ключевой анимации автор задаёт основные состояния: например, положение объекта в начале и в конце движения. При необходимости добавляют промежуточные ключевые состояния, чтобы обозначить поворот, остановку или изменение направления. Между опорными моментами система строит переход, поэтому не приходится вручную описывать каждое состояние.

Интерполяция — вычисление промежуточных значений между заданными. Если объект должен перейти из одного положения в другое, программа рассчитывает его координату для каждого момента между ключевыми кадрами; аналогично можно менять размер или угол поворота. При линейной интерполяции изменение идёт равномерно, а другие способы могут задавать ускорение и замедление. Поэтому результат зависит от того, какие опорные состояния и правила перехода выбраны.

Частота кадров влияет на частоту обновления изображения, а длительность — на время показа всей последовательности; вместе они определяют число кадров и объём данных. Слишком редкие кадры могут сделать движение заметно ступенчатым, а большее число кадров требует хранения или вычисления дополнительных состояний. Зацикливание заставляет анимацию повторяться, но для плавного повтора конец и начало должны сочетаться. Наконец, высокий FPS сам по себе не гарантирует плавность, если расчёты задерживаются или объект движется неравномерно.

Способы создания анимации

Сравните, что автор задаёт вручную и откуда программа получает промежуточное движение. Для выбора способа учитывайте сложность объекта, нужную точность и то, должна ли сцена реагировать на действия пользователя. Один проект может сочетать несколько способов.

Разбор задач

Анимация длится 4 секунды и воспроизводится с частотой 25 кадров в секунду. Требуется определить количество кадров. Используем формулу N = t · FPS: длительность дана в секундах, а частота показывает число кадров за секунду. Перед вычислением проверим, что единицы времени согласованы с FPS.

1. Запишем данные: t = 4 с, FPS = 25 кадров/с.
2. Подставим их в формулу: N = 4 · 25.
3. Вычислим: N = 100 кадров; секунды сокращаются с секундами в знаменателе FPS.

Ответ: для такой анимации нужно 100 кадров. При подсчёте важно следовать принятой системе отсчёта программы: иногда отдельно учитывают кадр в момент начала и кадр в момент окончания. В простой задаче на произведение длительности и FPS используется значение N = 100.

Объект движется от x = 10 до x = 110 за 5 ключевых интервалов. Нужно найти координаты в промежуточных кадрах при равномерном движении. Сначала определим, насколько координата должна измениться за один интервал, а затем прибавим это приращение к начальной координате. Равномерность означает, что приращение на каждом шаге одинаковое.

1. Найдём общий путь по координате: 110 − 10 = 100.
2. Разделим его на 5 интервалов: 100 / 5 = 20 единиц за интервал.
3. Последовательно прибавим 20 к начальной координате: x₁ = 30, x₂ = 50, x₃ = 70, x₄ = 90, x₅ = 110.

Ответ: после каждого из пяти интервалов координаты равны 30, 50, 70, 90 и 110. Промежуточные значения 30, 50, 70 и 90 находятся между начальной и конечной точками, а 110 соответствует концу движения. Проверка проста: разность соседних координат везде равна 20.

Теперь разработаем алгоритм движения объекта по экрану с заданной скоростью, отражением от границ и циклическим воспроизведением. Чтобы скорость не зависела от мощности компьютера, движение нужно рассчитывать по прошедшему времени. Сначала задаём координату, направление и скорость, затем на каждом обновлении вычисляем новое состояние и проверяем границы.

1. Сохраним начальные координаты объекта и направление движения.
2. При каждом обновлении измерим Δt — время с предыдущего обновления — и изменим координату на скорость · Δt.
3. Если объект достиг границы, скорректируем его положение и изменим знак соответствующей составляющей направления.
4. Отобразим объект, дождёмся следующего момента обновления и повторим действия, пока анимация активна.
5. Для циклического воспроизведения после завершения заданного периода вернём сцену в согласованное начальное состояние либо повторим цикл движения.

Ответ: алгоритм должен разделять обновление состояния, проверку условий, отображение кадра и синхронизацию по времени. При отражении меняется направление, а не скорость объекта; иначе он начнёт двигаться быстрее или медленнее. Если используется цикл, нужно заранее определить, что именно повторяется и как конец соединяется с началом.

Типичные ошибки

Количество кадров иногда принимают за частоту кадров. Причина в том, что обе величины связаны с кадрами, но число кадров относится ко всей анимации, а FPS — к одной секунде. Проверка: умножьте длительность в секундах на FPS; результат должен иметь единицы «кадры».

Можно считать, что повышение FPS автоматически устранит рывки. Это не так, если объект перемещается на неодинаковые расстояния между кадрами или компьютер не успевает вовремя обновлять изображение. Проверьте координаты соседних кадров и фактические задержки: равномерность движения определяется не только частотой показа.

Ещё одна ошибка — изменять координату на фиксированное число пикселей за каждый цикл алгоритма. Число циклов в секунду зависит от производительности компьютера, поэтому меняется и скорость объекта. Чтобы проверить решение, запустите его на устройствах с разной производительностью или измените частоту обновления: пройденное за секунду расстояние должно оставаться одинаковым.

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

Связь с другими темами

Для создания анимации пригодятся координаты и преобразования графических объектов: именно они описывают положение, размер и поворот. Циклы позволяют многократно обновлять сцену, а понятие времени выполнения алгоритма помогает синхронизировать обновления и поддерживать заданную скорость. Изображение при этом можно понимать как последовательность кадров, каждое из которых показывает состояние сцены в определённый момент.

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

Что запомнить

• Анимация создаёт иллюзию движения сменой кадров.
• Кадр представляет состояние сцены в определённый момент.
• Частота кадров измеряется в FPS.
• Число кадров равно произведению длительности анимации на частоту кадров.
• Ключевые кадры задают основные состояния объекта.
• Интерполяция вычисляет промежуточные состояния между ключевыми кадрами.