- •Рандомное движение во Flash
- •Замедление при щелчке мышки
- •Кнопка для включения/выключения звука
- •Простой флэш-прелоадер
- •Случайное перемещение во флэш с использованием ActionScript
- •Цифровые часы
- •Аналоговые часы во Flash mx
- •Аналоговые часы
- •Создание процентного показателя загрузки
- •Анимация кнопки при наведении на нее курсора
- •Создание движения объектов по траектории
- •Создание собственного курсора
- •Создание интерактивной карты
- •Травянистое поле
-
Кнопка для включения/выключения звука
Шаг 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
Нарисуйте прямоугольник без граничных линий. Если она у вас еще не открыта, откройте панель 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.