§44. Анимация. Страница 1

Планирование уроков на учебный год (по учебнику К.Ю. Полякова, Е.А. Еремина, углубленный уровень)


Урок 57
§44. Анимация



Содержание урока

Принципы анимации

Анимация движения

Выводы. Интеллект-карта

Вопросы и задания

Практическая работа № 36 «Анимация»


Принципы анимации


Ключевые слова:

• анимация	
• кадр	
• смена кадров	
• координаты объекта
• текущие координаты
• прозрачный цвет
• пауза

Слово «анимация» произошло от латинского слова animatio, что означает «оживление». При анимации быстрая смена мало отличающихся рисунков (кадров) создаёт иллюзию движения. Если кадры меняются чаще, чем 16 раз в секунду, человеческий глаз не успевает реагировать на каждое изменение и видит плавное движение.

Допустим, мы нарисовали четыре кадра одинакового размера (рис. 6.60) и меняем их на экране, скажем, через каждую секунду: сначала выводим кадр а), затем, через 1 с — кадр б), ещё через 1 с — кадр в) и т. д. Что мы увидим? Движение шарика слева направо. Конечно, оно не будет плавным, потому что выбран большой интервал времени. Но если менять кадры чаще, чем 16 раз в секунду, глаз перестаёт замечать смену изображений и человеку кажется, что движение непрерывное.

Рис. 6.60

Рис. 6.60

Всегда ли можно заранее нарисовать все кадры анимации, например, в компьютерных играх? Почему?

Предположим, что нам нужно изобразить движение объекта (например, шарика) на каком-то фоне. Фон может быть одноцветный или в виде картинки. Для перемещения шарика нам нужно:

1) «стереть» шарик, т. е. восстановить фон в том месте, где сейчас нарисован шарик;
2) изменить положение шарика (его координаты на холсте);
3) запомнить участок фона, который будет испорчен при выводе шарика в новом месте;
4) вывести изображение шарика поверх фона.

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

Используя этот подход, мы напишем программу для моделирования движения шарика на экране.

Следующая страница Анимация движения



Cкачать материалы урока







Наверх