Задание 1. Создание интерактивного фильма.
Создадим фильм, кадры которого пользователь сможет переключать самостоятельно, используя кнопки перехода.
1. Создайте новый Flash-документ. Откройте диалоговое окно Document Properties (Ctl+J). В открывшемся окне укажите ширину фильма 400 пикселей и высоту 200.
2. Создайте три слоя. Верхний из них назовите «Actions», средний – «Высказывания» и нижний «Кнопки перехода».
3. На слое «Actions» создайте ключевые кадры в ячейках 5, 10, 15, 20, 25 и 30.
4. В кадре 1 на слое «Высказывания» создайте текст, расположив его в верхней части сцены. В качестве текста наберите одно из следующих высказываний (или что-либо другое).
Ты хочешь удивить меня вопросом? Тогда я удивлю тебя ответом.
Нет плохих студентов, есть плохие преподаватели.
Наши недостатки – продолжение наших достоинств.
Когда кто-то идет не в ногу, не спеши осуждать его: возможно он слышит звук другого марша.
Лучше дружба, основанная на бизнесе, чем бизнес, основанный на дружбе.
Один день сегодняшний ценнее двух дней завтрашних.
Употребляй в разговоре «киловатты», «километры», «мегабайты» – мир уважает специалистов.
Некоторые считают, что у них доброе сердце, хотя на самом деле у них лишь слабые нервы.
Все лучшее находят, ошибаясь!
Если с человеком обращаться как с ослом, он становится упрямым.
На этом же слое создайте ключевые кадры 5, 10, 15, 20, 25 и 30.
5. На слое «Высказывания» в кадрах 5, 10, 15, 20, 25 и 30 введите другие высказывания аналогичным образом.
6. Создайте две кнопки с надписями «На начало» и «Следующее высказывание», как было описано выше (см. «Создание символов»).
7. Перетащите созданные кнопки на сцену, поместив их в слое «Кнопки перехода».
8. На слое «Actions» выберите кадр 1, а затем щелкните правой кнопкой мыши по нему и выберите из меню «Actions».
На панели Actions выберите в свойствах панели Expert Mode и введите команду stop(). То же самое сделайте для кадров 5, 10, 15, 20, 25 и 30.
9. Выделите кнопку «На начало» и откройте панель Actions. Введите команду:
on (press) {
gotoAndPlay(1); /эта команда осуществляет переход на первый кадр
}
10. Выделите кнопку «Следующее высказывание» и откройте панель Actions. Введите команду:
on (press) {
play(); / эта команда начинает проигрывать фильм
}
11. Протестируйте фильм, нажав Ctl+Enter.
Задание 2. Изменение вида указателя мыши.
Создайте символ типа Movie Clip для нового указателя мыши.
Перейдите к главной временной диаграмме фильма.
Создайте два слоя «Actions» и «Указатель».
Перетащите в первый кадр слоя «Указатель» созданный вами символ из библиотеки, назовите экземпляр newPoint (для этого откройте панель инспектора свойств и в поле <Instance Name> введите имя экземпляра).
В слое «Actions» выберите первый кадр и откройте панель «Actions». Напишите следующий код:
mouse.hide();
startDrag(newPoint, true);
Протестируйте фильм.
Задание 3. Программирование вида указателя мыши.
В этом задании, во-первых, создадим навигационное меню, во-вторых, создадим Movie Clip для нового указателя мыши, который будет меняться при наведении на кнопку навигационной панели.
Создание указателя мыши.
1. Создайте символ типа Movie Clip на панели Library.
2. На временной диаграмме символа создайте три слоя «Actions», «Метки» и «Указатель».
3. На слое «Actions» создать действие stop() для кадров 1 и 10.
4. На слое «Указатель» создайте пустые ключевые кадры (F7) в кадрах 1 и 10.
5. На слое «Метки» создать метки в кадре 1 «Up» и в 10 – «Over». Как создать метку, показано на рис. 4.
|
Рис. 4. Создание метки |
6. Поместить графический символ или Movie Clip в слой «Указатель» в кадр 1. Это будет изображение курсора, не наведенного на кнопку.
7. В кадр 10 этого же слоя поместить другой графический символ или Movie Clip. Это – изображение курсора, наведенного на кнопку.
Создание главной временной диаграммы.
1. Создайте три слоя: «Actions», «Кнопочная панель» и «Новый указатель».
2. На слое «Кнопочная панель» создайте несколько кнопок. Пример панели показан на рис. 5. Лучше, если кнопки панели также будут реагировать на указатель мыши.
|
Рис. 5. Пример навигационной панели |
3. На слой «Новый указатель» перетащите из библиотеки созданный вами Movie Clip для указателя мыши. Задайте имя экземпляра символа.
4. В кадр 1 слоя «Actions» вставить код:
mouse.hide();
startDrag(newPoint, true);
5. Выделить объект кнопки на главной временной диаграмме, открыть панель Actions и набрать следующий код:
on (rollOver) {
with (newPoint) {
gotoAndStop("Over"); /Переход на метку «Over»
}
}
on (rollOut) {
with (newPoint) {
gotoAndStop("Up"); /Переход на метку «Up»
}
}
Это нужно повторить для каждой кнопки.
6. Протестируйте фильм.