Практические работы по Flash. Элементы программирования

Методическая разработка практических работ по Flash

Разработала Мельник Ирина Вячеславовна, учитель информатики

МБОУ «СОШ № 18» города Братска Иркутской области

Практическая работа по Flash. Создание кнопки Button.

Цель работы: Научиться создавать элемент управления клипом кнопка Button и с помощью нее запускать flash – ролики.

Создать клип(Ctrl +F8). Назвать кнопка1.

Создать три круга размера 100х100,80х80, 60х60 (градиентная радиальная заливка).

Сгруппировать каждый круг отдельно, выделить вместе и выровнять по центру (получиться кнопка).

Создать копию кнопка1. В библиотеке по кнопка1 правой кнопкой мыши Дублировать сохранить как кнопка2.

Выйти на сцену. Зайти в клип кнопка2. На монтажной линейке должно обязательно название Сцена 1 - Кнопка2. Выделить круг в центре и изменить цвет.

Создать копию кнопка2. Дать название кнопка3. Выделить круг в центре и изменить размер на 40х40.

Создадим эффект волны для клипа кнопка3. Создать слой2 в кнопка3. Назвать волна. Разместить под слоем 1. Создать в 1 кадре слоя волна круг размера 100х100 градиентная радиальная заливка три цвета, один из которых цвет кнопки, два других любые с прозрачностью 0%. Сдвинуть бегунки цветов так чтобы получилась тонкая полоска цвета кнопки.

Создать в 10 кадре слоя волна ключевой кадр с тем же кругом, но изменим размер на 500х500 и добавим основному цвету прозрачность 0%. Обязательно все элементы выровнять по центру.

В 1 кадре создать анимацию форма (элементы слоя волна не должны быть сгруппированы)

Создали три положения кнопки (кнопка1- при загрузке ролика, кнопка2- при наведении курсора мыши, кнопка3 – при нажатии на нее).

Создадим саму кнопку (Ctrl +F8). Выбрать положение кнопка. Дать название кнопка

Когда заходим в кнопку видим три положениявверх, над, вниз, нажатие.

Первое положение означает вид кнопки при загрузке ролика, второе при наведении курсора мыши, третье при нажатии кнопки, четвертое загрузка ролика при нажатии кнопки. Положение кнопки определяется, так же как и кадра (Ключевой кадр, Простой кадр)

Выносим в положение вверх клип кнопка1. Обязательно выровнять по центру.

Создать в позиции надпустой ключевой кадр (правая кнопка мыши – вставить пустую клавиатуру). И вставить клип кнопка2.

Также в положение внизвставить клип кнопка3. В положение кнопки нажатиевставить ключевой кадр (правая кнопка мыши – вставить клавиатуру).

Для реалистичности создадим для кнопки тень. В кнопке создать слой2 и назвать его тень. Разместить его под слоем1. В слое тень разместить круг размера 100х100 радиальная заливка серо-черный цвет (черному цвету задайте прозрачность 0%).

Разместить круг с тенью так, чтобы он немного выступал из- за кнопки.

Выйти на сцену. Вынести кнопку на сцену и разместить в любом месте.

Загрузить ролик. Проверить, как работает кнопка. Сохранить ролик с названием кнопка.

Кнопки в Macromedia Flash обладают обширным списком событий, которые мы можем написать:

press - клавиша мышки нажата, когда курсор находится в пределах кнопки;

release - клавиша мышки отжата, когда курсор находится в пределах кнопки;

releaseOutside - клавиша мышки отжата, когда курсор находится вне пределов кнопки;

rollOver - курсор мыши входит в пределы кнопки;

rollOut - курсор выходит за пределы кнопки;

dragOver - курсор входит в пределы кнопки, при этом была нажата кнопка, и нажата клавиша мыши;

dragOut - курсор выходит за пределы кнопки, при этом была нажата кнопка, и нажата клавиша мыши;

keyPress ("клавиша") - была нажата "клавиша". Список клавиш можно посмотреть в справке по Flash (объект Key), или использовать панель параметров для вводу нужной клавиши.

К сожалению, Flash "понимает" только левую клавишу мыши. Правая используется для вызова контекстного меню.

Перехватываются эти события с помощью директивы on(). Синтаксис ее таков:

on (событие)

{

... // Наши действия

}

Кнопка служит для загрузки внешних роликов. Загрузим любой ролик с помощью нашей кнопки.

Выделить на рабочем поле кнопку. Открыть панель действия. Проверь, чтобы на панели действий было действия – кнопка.

В панели ActionScript Global Functions Movie Clip Control on. Означает загрузка клипа. Клип, который загружается с помощью кнопки, обязательно должен иметь формат .swf.

Набрать в окне кода следующую код on (release) {loadMovieNum ("",1); } В кавычках записать ролик, который нужно загрузить, например атом.swf.

То есть такой вид: on (release) {loadMovieNum ("ролик.swf ",1);}. Файл ролик.swf должен быть сохранен в той же папке, что и ролик с кнопкой.

Проверить результат. Сохранить файл кнопка.

Практическая работа по Flash. Создание интерактивного флеш- ролика.

Цель работы: Создать флеш- ролик, с применением элемента управления кнопка Button.

Создайте слой. В каждый кадр этого слоя поместите одну фотографию или картинку. Количество картинок не менее 6.

Создайте слой фон.

В нем создайте кнопки:

P lay

stop (пауза)

на слайд вперед

на слайд назад

на конец ролика

на начало ролика

Чтобы создать кнопку Ctrl+F8, обязательно задайте положения кнопки

Можно для каждого положения создать ролик.

Для каждой кнопки напишите сценарий. Для этого выделите кнопку, откройте панель действия (заголовок действия – кнопка). Запишите код, чтобы при запуске проигрывался ролик.

.

Длякнопки play: on (release) { play(); }. В ручную сценарий писать не нужно. Достаточно набрать ActionScript → Global Functions → Movie Clip Control → on.

Длякнопки stop: on (release) { stop(); }

Для кнопки на слайд вперед: on (release) { nextFrame(); }

Для кнопки на слайд назад: on (release) { prevFrame(); }

Для кнопки на конец ролика: on (release) { gotoAndStop(количество кадров); }

Для кнопки на начало ролика: on (release) { gotoAndStop(1); }

Создать еще один слой для остановки произвольного проигрывания ролика. Для этого в первой кадре создайте сценарий stop();

Запустите ролик. Проверьте работу всех кнопок.

Практическая работа по Flash. Элементы программирования.

Цель работы: Научиться управлять клипами с помощью функции клипов movie clip

Создать вертушку.

Создадим клип – вращающийся цветок. Для этого с помощью инструмента карандаш с опцией плавно, рисуем лепесток. Установить с помощью инструмента трансформация центр вращения на кончик лепестка. Используем панель трансформации – вращать установить угол вращения в зависимости от количества лепестковn(360/n). Сгруппировать лепестки. Выровнять положение цветка по центру. Создаем анимацию движения вращение цветка: в 1 кадре оставить все без изменения, кадр 20 ключевой, в 1 кадре создать анимацию движения, вращение по часовой стрелке.

Для красоты можно создать из кпипа1, еще несколько, поменять только цвет цветка.

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

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

Функции клипов (movie clip), которые можно вызывать:

play() - начинает или возобновляет воспроизведение клипа;

stop() - останавливает воспроизведение клипа;

gotoAndPlay() - переходит на определенный кадр (сцену) и продолжает воспроизведение;

gotoAndStop() - переходит на определенный кадр (сцену) и останавливает воспроизведение.

Перехватываются эти события с помощью директивы on(). Синтаксис ее таков:

on (событие)

{

... // Наши действия

}

Выделите любой цветок из вертушки. Щелкните по панели действия, обратите внимание, чтобы было написано действия - клип. Напишите следующий код программы:

onClipEvent (load) {

stop();}

on (rollOver)

{play();

}

on (rollOut) {

stop();

}

Первое событие означает, что когда кнопка мыши находится вне цветка, действие не происходит. Второе - когда кнопка мыши находится на цветке, выполняется клип, третье – при выходе из клипа действие прекратить. Запустите ролик. Видим, что ничего не происходит. Это получается потому, что необходимо написать событие для самого ролика. Создайте новый слойaction. В первом кадре слоя action создать событие для ролика stop();. Обязательно обратить внимание на панель действия – должно быть написано только действия. Запустите ролик.

Литература:

Анимация в MacromediaFlashMX. С. И. Переверзев. М.:Бином. Лаборатория знаний, 2009 – Практикум

В мире Flash: Рабочая тетрадь Л.А. Татарникова. Томск, 2010.

Адрес публикации: https://www.prodlenka.org/metodicheskie-razrabotki/9391-prakticheskie-raboty-po-flash-jelementy-progr