Table Of ContentМинистерство образования и науки Республики Казахстан
Павлодарский государственный педагогический институт
Абыкенова Д.Б., Нургазинова Г.Ш.
РАБОТА В ADOBE FLASH CS3
C ЭЛЕМЕНТАМИ ПРОГРАММИРОВАНИЯ НА
ACTION SCRIPT 2.0
Учебно-методическое пособие
Павлодар
2012 г.
УДК 004
ББК 32.973.26 – 018.2
А 13
Рецензенты:
А.Ж. Асаинова – канд. пед. наук, доцент, зав. каф. информатики и
информационных систем ПГУ им. С. Торайгырова,
А.Ж. Асамбаев – канд. тех. наук, доцент, зав. кафедрой информатики
ПГПИ.
Абыкенова Д.Б., Нургазинова Г.Ш.
Работа в Adobe Flash CS3 c элементами программирования на Action Script
А13
2.0 // Учебно-методическое пособие. – Павлодар, 2012. – 140 с.
ISBN 978-601-267-117-9
В учебно-методическом пособии изложены основные принципы
программирования на Action Script 2.0 в среде Adobe Flash CS3, которая является
одним из популярнейших и мощных программ создания мультимедийных
приложений.
Учебно-методическое пособие составлено и структурировано по материалам
сайта www.it-n.ru и мастер-класса «Flash для продолжающих» О.В. Степаненко.
Пособие рекомендуется для студентов физико-математического направления
и преподавателей высших и средних специальных учебных заведений, а также
может быть использовано специалистами и пользователями, самостоятельно
изучающими прогогаммирование Action Script в среде Adobe Flash CS3.
ISBN 978-601-267-117-9
© Абыкенова Д.Б., Нургазинова Г.Ш., 2012
© ПГПИ, 2012
- 2 -
ОГЛАВЛЕНИЕ
ВВЕДЕНИЕ……………………………………………………….. 5
ГЛАВА 1. ОСНОВЫ РАБОТЫ ВО ADOBE FLASH…………... 5
1.1 Теоретические основы работы в Adobe Flash………............. 7
1.2 Создание покадровой анимации…………………………….. 11
1.3 Анимация перемещения объекта…………………………… 13
1.4 Анимация изменения размера объекта……………………… 15
1.5 Анимация изменения цвета объекта………………………… 15
1.6 Технология отрисовки картинки во Flash…………………... 16
1.7 Технология работы с маской………………………………… 17
1.8 Публикация Flash-ролика……………………………………. 20
1.9 Добавление цветов во Flash………………………………….. 21
ГЛАВА 2. РАБОТА С СИМВОЛАМИ………………………...... 23
2.1 Создание кнопки……………………………………………… 23
2.2 Технология создания клипа-кнопки………………………… 26
2.3 Технология свободного перемещения объектов…………… 33
2.4 Технология разработки тренажера мыши «Слепи
снеговика»......................................................................................... 34
2.5 Технология создания ресурсов для интерактивной доски
«Свободное перемещение с проверкой»………………………... 41
ГЛАВА 3. РАБОТА С ТЕКСТОМ………………………………. 46
3.1 Эффекты появления текста………………………………….. 46
3.2 Моментальная проверка правильности расположения
перетаскивающихся объектов…………………………………… 50
3.3 Технология работы с текстовыми полями во Flash………… 58
3.4 Работа с текстовыми полями в одном кадре………………... 65
3.5 Авторская клавиатура для ввода текста…………………….. 72
3.6 Работа с текстовыми полями в нескольких кадрах. Игра
«Редактор»………………………………………………………… 77
3.7 Работа с динамическим полем, содержащим компонент
«полоса прокрутки»……………………………………………… 80
ГЛАВА 4. РАЗРАБОТКА ТЕСТОВЫХ ЗАДАНИЙ В ADOBE
FLASH............................................................................................... 83
4.1 Технология создания теста с одним вариантом ответа
«Кодирование информации»…………………………………….. 83
4.2 Технология создания теста с одним вариантом ответа
(без использования кнопок перехода)........................................... 88
- 3 -
4.3 Технология разработки тестирования с альтернативным
выбором …………………………………………………………... 93
4.4 Технология разработки тестирования с множественным
выбором…………………………………………………………… 97
4.5 Технология разработки тестирования с комбинированным
выбором…………………………………………………………… 103
ГЛАВА 5. ТЕХНОЛОГИЯ РАБОТЫ С ЦВЕТОМ…................... 110
5.1 Создание инструмента «Карандаш». Прием 1……………… 110
5.2 Создание теста на установление соответствия при помощи
цвета. Прием 2……………………………………………………. 114
5.3 Кнопка с параметром Alpha. Прием 3………………………. 120
ГЛАВА 6. УСТАНОВЛЕНИЕ СООТВЕТСТВИЯ С
ПОМОЩЬЮ ЛИНИЙ……………………………………………. 123
6.1 Технология создания ЦОР на установление соответствия
при помощи различного количества линий ……………………. 123
6.2 Технология создания ЦОР на установление соответствия
при помощи различного количества линий методом drawLine.. 130
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ…………….. 139
- 4 -
ВВЕДЕНИЕ
В последние годы мультимедиа стало образом жизни для многих
пользователей компьютеров, сделав программы и игры более
интересными и впечатляющими. В настоящее время использование
мультимедиа строго обязательно для таких программ. Революция в
области мультимедиа началась с появлением в 1989 г. накопителя на
компакт-диске, который мог помещать в себе сложные и большие
мультимедиа приложения.
Технология Adobe Flash может справиться с заданиями любых
размеров и сложности. Flash можно использовать для создания
полноценного мультимедийного Web-сайта, насыщенного красивой
графикой, с формами и интерактивностью, либо для создания баннера,
навигационной панели или фоновой музыки для Web-сайта.
После нескольких принятых соглашений об использовании Flash
в качестве Web-стандарта, он стал легко интегрироваться с HTML, что
позволяет встроить Flash - проект практически без швов. Flash не
требует ничего дополнительного для перехода по ссылке, открытия
окна браузера или выполнения чего-либо посредством HTML.
Введение собственного интерпретатора сценариев “Action Script”
расширило возможности Flash. Теперь помимо графической
информации или живой анимации можно создавать свой собственный
сценарий, который позволит пользователю управлять поведением
проекта или получать какие-либо динамические данные на запросы
пользователя. Это избавляет разработчика создавать внешние модули
для управления Web-сайтом.
Несмотря на то, что Flash разрабатывался для создания
компактных, быстро загружающихся мультимедиа продуктов, что
делает его идеальной технологией для Web, его использование не
ограничивается Интернетом. Любой разработанный во Flash продукт
может быть выпущен как интерактивный фильм в Web, как видео-
ролик, пригодный для просмотра на компьютерах под управлением
операционной системы, или даже как исполняемая программа,
распространяемая на CD или дискетах.
Flash-разработки имеют мало ограничений в области дизайна.
Графические элементы можно разместить точно в любом месте
страницы, можно наложить элементы один на другой без применения
необходимости написания сценариев. Во Flash можно создать
диалоговые формы, которые будут получать информацию от
пользователей и передавать её серверу. Также во Flash имеется такая
- 5 -
возможность, как управлять прозрачностью, которая придаёт глубину
и очарование работам.
Adobe Flash очень мощное, при этом простое в использовании,
средство создания анимированных проектов на основе векторной
графики с встроенной поддержкой интерактивности. Flash является
идеальным рабочим инструментом для художников и дизайнеров,
позволяющим дополнять создаваемые ими Web–проекты анимацией и
звуком.
Во Flash понятие интерактивности значительно расширилось
благодаря использованию сценариев Action Script (Действия), которые
позволяют авторам разрабатывать достаточно сложные стили
поведения - behaviors (перемещаемые элементы интерфейса, логику и
начальную математику), впервые дающие возможность создавать
электронные магазины. В результате программа получила широкое
распространение в среде Web-разработчиков и продолжает служить
хорошим подспорьем профессиональным аниматорам.
Action Script можно рассматривать как основной язык
программирования во Flash. С его помощью можно
запрограммировать проект Flash на выполнение различных задач.
Подобно многим другим языкам программирования, термины Action
Script определяют смысловую нагрузку, порядок их следования –
логическую структуру, а знаки препинания – контекст.
- 6 -
ГЛАВА 1. ОСНОВЫ РАБОТЫ ADOBE FLASH
1.1 Теоретические основы работы в Adobe Flash
Анимация во Flash основана на изменении свойств объектов,
используемых в «мультике». Например, объекты могут исчезать или
появляться, изменять свое положение, форму, размер, цвет, степень
прозрачности и т.д.
Во Flash предусмотрено три различных механизма
анимирования объектов:
покадровая («классическая») анимация, когда автор сам
создает или импортирует из других приложений каждый кадр
будущего «мультика» и устанавливает последовательность их
просмотра;
автоматическое анимирование (так называемая tweened-
анимация), при использовании которой автор создает только первый и
последний кадры мультипликации, а Flash автоматически
генерирует все промежуточные кадры; различают два вида tweened-
анимации: анимация, основанная на перемещении объекта (motion
animation), и анимация, основанная на трансформации, т.е.
изменении формы объекта (shape animation);
анимация на основе сценариев; сценарий представляет собой
описание поведения объекта на собственном языке Flash, который
называется ActionScript; синтаксис этого языка напоминает
синтаксис других языков сценариев, используемых в Web-
публикациях (например, JavaScript и VBScript).
Каждый из этих механизмов имеет как достоинства, так и
недостатки. В частности, tweened-анимация обладает двумя
несомненными достоинствами:
во-первых, автор избавлен от необходимости создавать
каждый кадр в отдельности;
во-вторых, для воспроизведения такого «мультика» Flash
достаточно хранить только первый и последний кадры, что
обеспечивает значительное уменьшение объема такого фильма.
Вместе с тем, tweened-анимация пригодна для создания лишь
наиболее простых сюжетов, в которых свойства объектов изменяются
равномерно.
С помощью сценариев на ActionScript можно описать
достаточно сложное поведение объектов.
- 7 -
Другими словами, прежде чем приступить к созданию
собственного «мультика», следует определиться с выбором механизма
его реализации.
Шкала времени
Если в рабочей области редактируется графическое содержимое,
то в шкале времени фактически пишется сценарий флэш-фильма.
Рис. 1.1.1
Линейка - отображает все кадры по возрастающей. Числом
отмечен каждый пятый кадр.
Указатель шкалы времени ─ выполняет ту же функцию, что и
инструмент Стрелка в рабочей области. Он выделяет кадр для
последующей с ним работы.
Примечание. Чтобы выделить конкретный кадр, щелкните по
нему левой клавишей мыши.
Типы кадров
Наша анимация состоит из последовательности кадров. Кадр
может быть как составленным вручную, так и сгенерированным
Flash. Это относится к кадрам одного слоя. Так как сцены Flash
состоят обычно из нескольких слоев, то итоговые "многослойные"
кадры могут содержать как сгенерированные, так и "самодельные"
слои.
Ключевой кадр – кадр, доступный для обработки. В анимации
этот кадр будет отображаться так, как нарисует пользователь. На
- 8 -
временной шкале ключевой кадр отображается чёрным кружочком,
если в нём есть изображение, и белым, если нет никакого рисунка.
Обычный кадр - кадр, который будет отображаться в анимации,
но пользователь непосредственного участия в прорисовке кадра не
принимал. Он будет таким же, как ключевой кадр слева, или, если
была проведена раскадровка, то кадр, автоматически
сформированный программой.
Раскадровка - автоматический переход изображения из одного
ключевого кадра в другой.
Кадр-фантом - пустая клетка на временной диаграмме, в которой
может быть установлен либо ключевой кадр, либо обычный кадр.
Покадровое формирование изображения
Самое простое формирование анимации это покадровое
изменение рисунка, т.е. на каждом кадре изменяется положение
объекта, его характеристики или добавляются новые и удаляются
старые объекты.
Элементарные операции с кадрами представлены в таблице 1.1.1
Таблица 1.1.1
Действие Контекстное Комбинация Примечание
меню клавиш
Вставить пустой Вставить F7
ключевой кадр пустую
клавиатуру
Ключевой кадр, Вставить F6 Если перед вставляемым
повторяющий клавиатуру кадром уже был ключевой
содержание кадр, содержащий объекты,
предыдущего то они будут скопированы
в создаваемый кадр.
Очистить Очистить Shift-F6
ключевой кадр клавиатуру
Вставить обычный Вставить кадр F5 Вставляя обычный кадр (не
кадр ключевой), увеличиваем
время анимации или время
отображения предыдущего
ключевого кадра.
Удалить кадр Стереть кадры Shift-F5
Покадровая анимация
Покадровая анимация – это анимация, полностью составленная
из ключевых кадров. Т.е. вы сами определяете как содержимое кадра,
так и его "длительность" (т.е. сколько таких статических кадров будет
занимать изображение).
Достоинства: Покадровая анимация дает вам, в некотором
смысле, больший контроль над анимацией, и если вы опытный
- 9 -
аниматор, можете выгодно ею пользоваться. Это единственный
способ организовать смену абсолютно независимых изображений -
слайд шоу (например, создавая обычный баннер средствами Flash).
И все остальное, что вытекает из возможности прорисовывать каждый
кадр вручную.
Недостатки: Покадровую анимацию сложно модифицировать.
Особенно, если это не дискретный набор изображений, а связанная
анимация. Приходится модифицировать все кадры. На деле у
опытных Flasher-ов такая ситуация практически не встречается.
Покадровая анимация занимает достаточно большой объем, так как
приходится хранить информацию о каждом кадре.
Тестирование анимации
Для того чтобы протестировать полученную анимацию:
1. Выберите в главном меню Управление –
Тестирование ролика или просто нажмите на клавиатуре
клавиши Ctrl-Enter.
2. Просмотрев анимацию, нажмите левой клавишей мыши в
правом верхнем углу окна тестирования кнопку Закрыть окно.
Формирование оптимальной сцены анимации
Перед публикацией в Web обрежем все лишнее:
1. Выберите в главном меню Изменить – Документ или на
клавиатуре нажмите клавиши Ctrl+J.
2. В открывшемся окне Свойства документа нажмите на
клавишу Содержимое.
Рис. 1.1.2
В результате сцена примет размеры содержимого анимации.
3. Сохраните файл.
- 10 -
Description:Учебно-методическое пособие. — Павлодар / Казахстан. ПГПИ , — 2012. — 140 с. —ISBN 978-601-267-117-9В учебно-методическом пособии изложены основные принципы программирования на
