§ 11. Анимация формы

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

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

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

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

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

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

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

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

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

Чтобы расчёт дал естественный результат, части контуров в ключевых кадрах должны соответствовать друг другу. Условная начальная точка одного контура должна вести к понятной точке конечного контура, а количество и расположение составляющих должны быть совместимыми. Иначе программа может соединить участки крест-накрест, из-за чего фигура резко изменится или исказится.

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

Элементы анимации формы и их роль

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

Разбор задач

Превращение круга в овал

Условие. Нужно создать простое превращение круга в овал и убедиться, что изменение происходит между двумя заданными формами.

1. Нарисуйте круг и поместите его в первый ключевой кадр. Он будет начальным состоянием.
2. Создайте второй ключевой кадр на временной шкале и измените круг по горизонтали или вертикали, получив овал.
3. Запустите просмотр и проверьте кадры между началом и концом. Если форма меняется только на этом отрезке, ключевые состояния заданы правильно.

Ответ. Получается анимация, в которой круг постепенно сжимается или растягивается и становится овалом.

Превращение звезды в круг

Условие. Нужно настроить превращение звезды в круг и сравнить короткий и длинный варианты его выполнения.

1. Задайте звезду в начальном ключевом кадре, а круг — в конечном.
2. Сначала разместите ключевые кадры близко друг к другу и просмотрите результат: переход займёт мало времени.
3. Затем отодвиньте конечный кадр дальше, не меняя формы. Сравните скорость: теперь то же превращение распределено на больший временной промежуток.

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

Переход между сложными фигурами

Условие. Сложная фигура превращается в другую с резким скачком контура. Требуется найти причину и сделать переход более естественным.

1. Сравните контуры в ключевых кадрах и найдите участки, которым программа должна сопоставить друг друга.
2. Проверьте число и расположение точек формы. Если соответствие нарушено, упростите контур или скорректируйте ключевые состояния.
3. Повторите просмотр на небольшом отрезке и убедитесь, что соседние кадры отличаются постепенно, без внезапного разворота частей.

Ответ. Резкий скачок устраняется правильным сопоставлением контуров и точек либо изменением способа перехода. После проверки каждая часть начальной формы должна направляться к понятной части конечной.

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

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

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

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

Не проверять соответствие контуров сложных форм. Программа может соединить неподходящие точки, потому что внешне похожие фигуры устроены по-разному. Просмотрите несколько промежуточных кадров и исправьте контуры, если отдельные части резко перескакивают или перекручиваются.

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

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

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

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

• Анимация формы показывает изменение очертаний объекта во времени.
• Начальное и конечное состояния задают в ключевых кадрах.
• Промежуточные кадры показывают ход превращения.
• Интерполяция помогает программе построить переход между ключевыми формами.
• Плавность и длительность анимации зависят от числа кадров и расстояния между ключевыми кадрами.
• Сложные формы нужно проверять на корректность перехода.