§ 73. Анимация

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

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

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

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

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

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

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

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

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

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

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

Параметры и способы создания анимации

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

Разбор задач

Задача 1. Нужно показать перемещение мяча слева направо с одинаковым шагом в каждом кадре. Требуется определить, что изменяется от кадра к кадру. Сначала отделим параметры, отвечающие за положение, от параметров внешнего вида.

1. Мяч должен занимать новое место в каждом следующем кадре, поэтому меняются его координаты.
2. Для движения слева направо меняется горизонтальная координата; если путь горизонтальный, вертикальная координата остаётся прежней.
3. Одинаковый шаг означает, что горизонтальная координата каждый раз изменяется на одну и ту же величину.

Ответ: от кадра к кадру изменяется горизонтальная координата мяча, а при горизонтальном движении вертикальная координата сохраняется. Форма и размер мяча могут оставаться неизменными. Одинаковый шаг координаты задаёт равномерное перемещение по кадрам.

Задача 2. Начальное и конечное положения объекта заданы ключевыми кадрами, а программа строит кадры между ними. Нужно сделать движение более долгим. Важно понять, меняем ли мы число кадров или время их показа.

1. Длительность равна числу кадров, делённому на частоту показа.
2. Чтобы растянуть временную шкалу, можно добавить промежуточные кадры или увеличить интервал времени между началом и концом движения.
3. Если при этом оставить ту же частоту, увеличение числа кадров увеличит длительность; если сохранить число кадров, можно снизить частоту, но движение может выглядеть менее плавным.

Ответ: увеличьте число кадров между ключевыми состояниями или растяните движение по временной шкале. Это увеличит время перемещения. Не путайте такой способ с простым увеличением частоты: оно не удлиняет ролик при неизменном числе кадров.

Задача 3. Анимация длится 4 секунды и воспроизводится с частотой 12 кадров в секунду. Нужно найти количество кадров, а затем сравнить его с количеством при частоте 24 кадра в секунду и той же длительности. Используем зависимость N = f × t.

1. Для первого варианта умножаем длительность на частоту: 4 × 12 = 48 кадров.
2. Для второго варианта сохраняем 4 секунды, но подставляем новую частоту: 4 × 24 = 96 кадров.
3. Сравниваем результаты: 96 кадров вдвое больше, чем 48, потому что частота увеличилась вдвое.

Ответ: при частоте 12 кадров в секунду требуется 48 кадров, а при 24 кадрах в секунду — 96. Длительность в обоих случаях равна четырём секундам. При большей частоте для той же длительности нужно больше изображений.

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

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

Число кадров и частота кадров — не одно и то же: первое показывает размер последовательности, второе — скорость её показа за секунду. Их путают из-за общего слова «кадры» в названиях обоих параметров. Для проверки укажите единицы: количество кадров считают в кадрах, а частоту — в кадрах в секунду.

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

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

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

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

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

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

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