Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
флэш - задания.docx
Скачиваний:
8
Добавлен:
10.12.2018
Размер:
823.28 Кб
Скачать
  1. Кнопка для включения/выключения звука

Шаг 1

В этом уроке вы научитесь создавать кнопку для включения/выключения звука во флэше, используя ActionScript.

Итак, начнем. Создайте 2 кнопки - первая будет включать звук, вторая выключать. Далее, нужно создать 2 клипа:

- Для звуков

- Для кнопок

Шаг 2

Создаем клип для звуков:

- Создайте 3 ключевых кадра

- Добавьте экшен stop() в каждый кадр

- Вставьте звук (музыку) в первый кадр

- Во второй кадр добавьте такой экшен: gotoAndStop(1);

- В третий кадр добавьте такой экшен: gotoAndPlay(1);

Шаг 3

Создаем кнопку:

- Создайте 2 ключевых кадра

- Добавьте экшен stop() в каждый кадр

- Вставьте кнопку OFF в первом кадре

- В экшены этой кнопки вставьте код:

on (release) {

tellTarget ("../music") {

stopAllSounds();

}

}

on (release) {

nextFrame();

}

- Вставьте кнопку ON в первом кадре

- В экшены этой кнопки вставьте код:

on (release) {

tellTarget ("../music") {

nextFrame();

}

}

on (release) {

prevFrame();

}

- Разместите клип с музыкой на главной сцене. Назовите его music в панели instance

- Разместите кнопку на главной сцене

Нажмите Ctrl+Enter, чтобы запустить ролик.

  1. Простой флэш-прелоадер

Шаг 1

Нарисуйте прямоугольник без граничных линий. Если она у вас еще не открыта, откройте панель Color Mixer. Кликните мышкой на прямоугольник, в панели Color Mixer и выберите linear из выпадающего меню. Создайте градиент, чтобы ваш прямоугольник был закрашен вот так:

Шаг 2

Сделайте прямоугольник MovieClip, выбрав его и нажав F8. Назовите его «bar», а тип выберите Graphic.

Создайте новый клип, нажав Ctrl+F8. Назовите его «preloader_mc», а тип выберите movie clip.

Нарисуйте зигзаг в первом кадре. Затем перейдите на 90-ый и нажмите F5.

Шаг 3

Создайте новый слой и разместите его перед первым.

Вставьте графический символ «bar» в этот новый слой.

Сделайте так, чтобы прямоугольник был немного выше зигзага.

Расположите прямоугольник таким образом:

Шаг 4

Перейдите на 35 кадр и нажмите F6. В этом кадре перетащите прямоугольник на другую сторону от зигзага:

Шаг 5

- Перейдите на любой кадр между первым и 35-м, кликните правой кнопкой, из меню выберите Create motion tween.

- Перейдите на 40 кадр и сделайте его ключевым (F6).

- В этом кадре выберите прямоугольник и разверните его. Modify > Transform > Flip Horizontal.

- Перейдите на 85 кадр и сделайте его ключевым (F6).

- В этом кадре выберите прямоугольник и поверните его так, как он был в первом кадре.

- Перейдите на любой кадр между 41 и 84, кликните правой кнопкой, из меню выберите Create motion tween.

- Перейдите на 90 кадр и нажмите F5.

Вставляем прелоадер в первую сцену

- Перейдите к первой сцене.

- Создайте 3 новых слоя.

- Перетащите символ «preloader_mc» из библиотеки на сцену. Нажмите F5 во втором кадре.

- Напишите «Loading» в первом кадре второго слоя.

- Скопируйте этот код в первый кадр первого слоя.

ifFrameLoaded ("end") {

gotoAndPlay ("start");

}

Нажмите F6 во втором кадре первого слоя и вставьте в его экшены этот код:

gotoAndPlay (1);

Основной ролик начинайте с 3-го кадра. Первый его кадр назовите start, а последний end.