Компьютерная графика ч2

31

Лабораторная работа №1. «Анимация движения и формы»

Создать анимацию на заданную тему продолжительностью 20 кадров:

с помощью стандартных эффектов трансформации;

покадровая анимация.

Темы роликов:

1.платье баллон или французский мужской костюм

2.платье с запахом или немецкий мужской костюм

3.платье кимоно или японский мужской костюм

4.сари или индийский мужской костюм

5.платье смок или мужской деловой костюм

6.сарафан или итальянский мужской костюм

7.платье-труба или английский мужской костюм

8.браслет или запонки

9.коле или кулон

10.серьги или медальон

11.бусы или брошь

12.балетки или ботфорты

13.босоножки или валенки

14.гриндерсы или кроссовки

15.лодочки или лапти

16.сабо или сапоги

17.академическая шапочка или бейсболка

18.берет или боливар

19.гангстерская шляпа или

20.жокейка или индейский головной убор

21.диадема или двууголка

22.канотье или капюшон

23.кепка или ковбойская шляпа

24.колпак или корона

25.панама или сомбреро

26.твидовая шляпа или треуголка

27. кошелек или сумка

28.перчатки или ремень

Создать реалистичную анимацию:

летающего существа (бабочка, птица, пчела и т.п.). Движение необходимо реализовать по произвольной плавной траектории.

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

32

Лабораторная работа №2. «Применение маски и фильтров»

Создать законченный клип с использование маски. Маска может быть создана на основе:

графического примитива — заливки

текстового блока

экземпляра символа типа Graphic или Movie Clip

Создать анимацию огня продолжительностью 20 кадров с использованием фильтров:

Blur (Размытие);

Glow (Свечение);

Bevel (Скос).

33

Лабораторная работа №3. «Анимированные часы и след от мыши»

Задание 1. Создать анимированные часы.

Лабораторные основы

Интерактивность Flash-фильма обеспечивается за счет включения в него так называемых сценариев, которые представляют собой набор инструкций на языке ActionScript. Каждая инструкция инициируется при наступления определенного связанного с ней события. События могут быть самые разнообразные: достижение считывающей головкой определенного кадра, нажатие пользователем клавиши на клавиатуре, щелчок кнопкой мыши и т.д.

Подобно другим современным языкам сценариев (типа JavaScript или

VBScript), ActionScript – это объектно-ориентированный язык программирования. Объекты в ActionScript могут содержать данные или их графическое представление в виде символа определенного типа. Для создания сложных сценариев или новых типов объектов нужно иметь некоторые навыки в программировании. Вместе с тем, для создания

34

несложных интерактивных фильмов совсем необязательно изучать язык

ActionScript, поскольку события и процедуры могут быть назначены

элементам фильма с помощью диалоговых окон и панелей свойств.

В отличие от предшествующих версий, в Flash 8 появился вполне «дееспособный» редактор сценариев, и даже имеется встроенный отладчик, который позволяет обнаружить ошибки, допущенные при использовании синтаксических конструкций языка.

1. Откроем новый ролик, создадим в нём три отдельных мувика с изображениями секундной, минутной и часовой стрелок и назовем их arrrow1, arrrow2, arrrow3.

2. Перенесём их на основную сцену. Пусть первоначально каждая из стрелок направлена вверх, а центр каждого из этих мувиков смещён к нижней границе (используйте инструмент Free Transform). С помощью вспомогательной панели Align (Выравнивание) центрируем их относительно сцены в горизонтальной плоскости и выравниваем по нижнему краю друг относительно друга.

3. Сам циферблат нарисуем в отдельном мувике, который можно разукрасить и анимировать как угодно. Переносим циферблат на отдельный слой основной сцены.

35

4.Теперь создадим программную анимацию. Движение стрелок зададим с помощью изменения свойства Rotation. Экземпляры мувиковстрелок назовем sec, min и hour, а переменные, в которых хранится угол поворота, − соответственно s, m и h. Поскольку полный круг циферблата содержит 60 секунд, за каждую секунду стрелка должна поворачиваться на угол в 360 : 60 = 6 градусов.

5.Создадим новый слой для сценариев, назовем его Actions.

Для того чтобы связать время на вашем табло с временем на вашем компьютере, введем переменную time (new Date(); − новый объект даты, мы будем использовать его для ссылки на системные часы компьютера). В первом кадре присвоим первоначальные значения переменным s, m и h:

time = new Date();

s = time.getSeconds(); m = time.getMinutes(); h = time.getHours();

setProperty ("min", _rotation, m*6+s*0.1); setProperty ("sec", _rotation, s*6); setProperty ("hour", _rotation, h*30+m*0.5);

36

6. Во втором кадре обеспечим циклическое исполнение кода.

gotoAndPlay (1);

7. Просмотрим ролик (Ctrl+Enter). Если смотреть его достаточно долго, можно заметить, что стрелки исправно отсчитывают время.

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

37

Лабораторная работа №4

Создать законченный клип с использованием анимации снега или дождя.

Создать новогоднюю открытку. Необходимо создать несколько анимированных сцен, навигацию по которым осуществить с помощью кнопок.

Список литературы

1.Сергей Киселев, Сергей Алексахин, Андрей Остроух, Flash-технологии, Изд. Академия, 2012;

2.Михаил Райтман, Цифровой дизайн. Основы веб-проектирования с помощью инструментов Adobe, Изд. Рид Групп, 2011;

3.Капранова Мария, Информатика. Macromedia Flash MX. Компьютерная графика и анимация, Изд. Солон-Пресс, 2010.

4.Катерина Ульрих, Macromedia Flash 8 для Windows и Macintosh, Изд.

ДМК Пресс, 2007;

5.Дронов Владимир, Macromedia Flash Professional 8. Графика и анимация, Изд. Книга по Требованию, 2006;

6.Альберт Дмитрий, Альберт Елена, Macromedia Flash Professional 8,

Изд. Книга по Требованию, 2006;