Гбоуво рк «крымский инженерно-педагогический университет» Факультет информатики Кафедра прикладной информатики

Скачать 495.81 Kb.

Название	Гбоуво рк «крымский инженерно-педагогический университет» Факультет информатики Кафедра прикладной информатики
страница	8/10
Тип	Реферат

rykovodstvo.ru > Руководство эксплуатация > Реферат

1 2 3 4 5 6 7 8 9 10

3.2. Практическое задание на тему «Анимация для школьников»

Первый этап разработки начинается с создания проекта. Для этого необходимо запустить программный продукт:"Adobe Flash Professional CS6 ". Он предназначен для разработки на Flash.

Для начала создания проекта необходимо кликнуть на кнопку "Файл" в верхнем левом углу и выбрать "Создать". Получим окно "Создать документ" (рис 3.1.):

Рис.3.1. Фрагмент программы Adobe Flash Professional CS6

Мы увидим перечень проектов, которые позволяет создавать Adobe Flash Professional CS6. Так же можно задавать размер рабочей области, единицы измерения линейки, частоту кадров, цвет фона, автосохранение. В этом окне выбираем Action Script 3.0, ширину 550, высоту - 400, единицы измерения - пиксели, частоту кадров -24, цвет фона белый. Нажимаем кнопку "ОK"(рис 3.2).

Рис.3.2. Фрагмент программы Adobe Flash Professional CS6

Для удобства работы настроим рабочий вид приложения, для этого необходимо в верхнем меню, в пункте "Окно" выбрать следующие элементы:

Временна шкала.
Инструменты.
Библиотека.
Свойства.

Разместить эти элементы в рабочем окне можно в любом порядке.

Временна шкала - отображает нам номера кадров, и дает возможность добавлять различные слои (рис 3.3).

Рис.3.3. Фрагмент программы Adobe Flash Professional CS6

Инструменты - дают перечень основных элементов как: карандаш, заливка, ромб, квадрат, круг и т.д.

Библиотека - отображает список всех символов(элементов), которые мы добавляем в проект.

Свойства - отображают свойства выделенного элемента.

Для удобства воспроизведения ролика создадим объект кнопку, при нажатии на которую будет производится запуск. Для этого из окна "Компоненты" выберем элемент "button". Button - служит для выполнения действия с помощью мыши. На элементе управления "button" может отображаться как текст, так и рисунок. Для того, что бы добавить кнопку в нашу анимацию, необходимо просто переместить его на рабочую область (рис.3.4).

Рис.3.4. Элемент кнопка

Зададим имя объекту "but", в окне свойства (рис.3.5).

Рис.3.5. Панель свойства, элемента кнопки

Для того что бы поменять надпись на кнопке, необходимо выделить объект и в окне "Свойства" в вкладке "Параметры компонента" в строку lable необходимо вписать текст для кнопки (рис.3.6).

Рис.3.6. Параметры компонента

Для того что бы добавить действия для кнопки необходимо воспользоваться языком AS3. Для написания кода выбираем на временной шкале нужный кадр, кликнем правой кнопкой мыши и выбираем "Действия". Откроется окно для кода.

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

Для наложения функции на кнопку воспользуемся следующим кодом

but.addEventListener(MouseEvent.CLICK,fl_ClickToGoToWebPage);

MouseEvent.CLICK -действие при котором будет выполнятся функция

fl_ClickToGoToWebPage - имя функции.

Функция объявляется следующим образом:

function fl_Click To GoToWebPage2(event:MouseEvent):void

{

Go to AndPlay(2)

}

Go to And Play(2) - обозначает переход на определенный кадр(в данном случае на второй).

Определимся со слоями, которые у нас будут в анимации:

Сказочный персонаж(лунтик)
Текст1
Текст
Формула
Фон

Рис.3.7. Слои анимации

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

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

Добавим тему работы. Выделим слой "Текст1" И напишем на нем тему. Переместим текст в не область рабочего пространства с помощью элемента "спецвыделение", предварительно выделив текст. После чего необходимо кликнуть на 10 кадре, и нажать кнопу F6, вставится ключевой кадр(предыдущий заданный кадр). Для того что бы появился эффект анимации выбираем первый кадр, кликнем правой кнопкой мыши и нажимаем "Создать классическую анимацию движения".

Для добавления текста, на панели элементов выбираем "Текст", кликнем на рабочем пространстве. Текст нам нужен на 11 кадре, на слое "Текст". Создаться текст бокс для ввода определённого текста. Водим следующий текст (рис.3.8):

Рис.3.8. Фрагмент анимации "Анимация для школьников"

Разработаем анимированный пример вычитания столбиком. С помощью уже пройденной функции "Классическая анимация" необходимо сделать анимацию слова "Пример". Для примера возьмем разность чисел 4321 - 901. С помощью элемента "Текст" размещаем наши цифры друг под другом. Для проведения черты, необходимо воспользоваться элементом "линия" с панели инструментов. Выбираем элемент "линия", после чего производим клик в начале где надо провести линии, и проводим до конца.

Рис.3.9. Пример анимации

Добавим персонажа (Лунтик). Для этого переместим его в рабочую область в нужный кадр. Лунтик будет давать пояснения к примеру, в слое "Текст1" (рис.3.10).

Рис.3.10. Сказочный персонаж

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

Go to AndStop(1 );

Для добавления музыки в анимацию необходимо добавить ссылку на фаил в анимацию и воспользовавшись внутренним классом "Sound" воспроизвести. Пример кода:

var req:URLRequest = new URLRequest("click.mp3");

var s:Sound = new Sound(req);

s.play();

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

stop()

set Timeout(play,10000)

Для его добавления кликнете на нужном кадром правой кнопкой мыши, выберете пункт "Действия" (рис.3.11).

.

Рис.3.11. "Действия"

Расставьте все необходимые остановки в вашей анимации.

1 2 3 4 5 6 7 8 9 10

Похожие:

	Образования Российской Федерации томский государственный университет... Алгоритм построения совокупной модели пересечения трехмерных объектов, 3ds формат, dll, плагин для 3ds max		Национальный исследовательский университет "Высшая школа экономики"... Разработка предметно-ориентированного языка описания структуры и содержания электронных документов
	Паспорт кабинета информатики Использовать кабинет информатики с целью освоения средств икт на уроках информатики и в свободное от уроков время		«компетентностный подход на уроках информатики» предназначена для... Щерба Валентина Юрьевна, учитель информатики, мкоу «Средняя ощеобразовательная школа №5, г. Киренска»
	Кафедра информационных систем и прикладной информатики Рабочая программа учебной дисциплины «Технология Java» составлена в соответствии с требованиями ооп: 230400. 62 Информационные системы...		Фгбоу впо «Ишимский государственный педагогический институт им. П.... Формирование учебно – познавательной компетенции учащихся при обучении доказательству теорем в курсе стереометрии
	Правительство Российской Федерации Федеральное государственное автономное... Факультет бизнес-информатики Кафедра инноваций и бизнеса в сфере информационных технологий		Правительство Российской Федерации Федеральное государственное автономное... Факультет Бизнес-Информатики Кафедра инноваций и бизнеса в сфере информационных технологий
	«Поволжский государственный университет телекоммуникаций и информатики» Факультет Федеральное государственное бюджетное образовательное учреждение высшего образования		В кабинете вычислительной техники для заведующего кабинетом и учителей информатики Заведующий кабинетом информатики, учителя информатики принимают необходимые меры для создания здоровых и безопасных условий проведения...
	Минобрнауки томский государственный университет факультет информатики утверждаю Цель курса – изучение методов объектно-ориентированного анализа и проектирования		Факультет бизнес-информатики Кафедра информационных технологий в... Постановка задачи, выбор методов реализации и описание технического задания. 14
	Конкурсе видеоуроков учителей и преподавателей математики и информатики Ехнологий боу дпо (ПК) с «Чувашский республиканский институт образования» Минобразования Чувашии в рамках XXVI республиканского методического...		Учебно-методическое пособие по английскому языку для бакалавров и... К82 Учебно-методическое пособие по английскому языку для бакалавров и специалистов факультета прикладной информатики 3 этап обучения...
	Методические рекомендации по управления рисками проекта создания... Московский государственный университет приборостроения и информатики, экономический факультет. Москва, Российская федерация		Кабинета информатики Должностная инструкция по охране труда учителя и заведующего кабинетом информатики

Руководство, инструкция по применению