Заставка. 
Разработка информационно-справочной с использованием flash-технологий

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

В данной работе заставка представляет собой экземпляр символа MovieClip со встроенной анимацией. Он назван «intro». Рассмотрим его структуру (Рис. 2.3).

Рисунок 2.3 MovieClip «intro».

В первый слой в 1 кадр вставлен MovieClip с изображением картинки, которая была импортирована в библиотеку Flash. К нему применено свойство _alpha равное 0, которое задаётся на панели инспектора. Таким образом, в первом кадре картинка не видна. В десятом кадре стоит ключевой кадр с копией этого экземпляра клипа, но его прозрачность равна 100%. В первом кадре поставим тип анимации (motion tweening). Анимация будет представлять собой процесс плавного изменения вида изображения от первого до вида изображения в последнем кадре.

Чтобы этот мувик отображался до конца заставки, в кадре 66 стоит ключевой кадр. Следующие четыре слоя содержать символы MovieClip, в которых текстовые поля с текстом. Они также имеют анимацию с применением морфинга и свойств прозрачности. В первом кадре каждого из них применяются фильтры blur (размытие) и bevel. Фильтры можно применять и к текстовым полям напрямую, но анимацию и задание свойств прозрачности задать невозможно.

Параметры фильтров для всех роликов одинаковые. Фильтр blur имеет следующие параметры: Blur X =100; Blur Y=0; quality=low; фильтр bevel имеет параметры: Blur X =0; Blur Y=18; strength=100%; quality=low; angle=45; distance=5; shadow — чёрный (#0); highlight — белый (#FFFFFF).

В отличие от эффектов временной шкалы фильтры визуализируются «на лету» и при этом не создаются никакие отдельные символы в библиотеке документа. Кроме этого, фильтры не влияют на «редактируемость» содержимого, к которому оно применяется, — всегда можно изменить исходный текст или экземпляр символа, не разрушив эффект фильтра. Фильтры можно применять последовательно к одному и тому же содержимому в любом порядке. Также допускается применять фильтры и управлять ими с помощью кода ActionScript в режиме выполнения.

Чтобы текст появлялся последовательно, кадры должны быть сдвинуты. В шестом слое размещены кнопки. Перед тем как появляются кнопки, текст должен исчезнуть. Для этого применим свойство _alpha ко всем четырём объектам MovieClip с текстовыми полями и установим тип движения Motion с кадра 56 по 62. В кадре 66 в новом слое в панели Actions, которое представляет собой среду визуального программирования на языке Actions Script, команда Stop (). В этом кадре анимация на временной шкале ролика остановится. Теперь рассмотрим создание кнопок. Количество кнопок три: старт, выход и инструкция.

Шкала времени для кнопки отличается от шкалы MovieClip. На ней всего четыре кадра, причём каждый из них имеет своё название: Up (свободна), Over (сверху), Down (нажата), Hit (область наведения). Эти четыре кадра предназначены для управления видом кнопки в зависимости от действий пользователя. При наведении мыши на кнопку, указатель мыши превращается в «лапку» и кнопка отображается так, как определено в кадре Over, при нажатии на кнопку, отображается кадр Down, когда курсор не наведён на кнопку, отображается кадр Up.

Кадр Hit не отображается никогда, но он очень важен, поскольку именно он определяет область действия кнопки. В кнопке «СТАРТ» в нижнем слое расположен экземпляр клипа kn1, содержащий изображение зелёной кнопки, черного текста и поверх него белого текста «Старт» (Рис. 2.4).

Рисунок 2.4 Кнопка «СТАРТ».

К нему применён фильтр Drop Shadow с параметрами Blur X =3, Blur Y=3, Strength= 54%, quality=low, angle=38, distance= 2. В результате применения фильтра кнопка получается слегка размытой. В слое выше первого с небольшим сдвигом расположен ещё один экземпляр символа MovieClip kn1 так, что размытая кнопка выглядит как тень кнопки, расположенной поверх неё. В кадре Down верхний экземпляр кнопки немного сдвинут вправо-вниз, для того, чтобы при нажатии кнопка немного утопала. В третьем слое, созданном сверху, в кадре Over вставлено текстовое поле с текстом «Старт», таких же размеров, как и текст в kn1, но только светло-жёлтого цвета. В кадре Down это поле сдвинуто, как и кнопка. В четвёртом слое в кадре Down помещён звук Click.waw. Он сперва импортируется с помощью команды File-> Import в библиотеку, затем его надо переместить из библиотеки на рабочую область программы. На шкале времени отображается волновая форма, соответствующая имеющемуся количеству кадров. При нажатии на кнопку будет воспроизводиться звук. Кнопка должна иметь сценарий. В окне Actions кнопки следующий код ActionScript:

on (release){.

_root.gotoAndPlay («muvic»);

}.

Оператор on определяет, в ответ на какое событие совершаются указанные действия. Оператор on (release) означает, что указанные действия совершаются при щелчке на объекте, а точнее — при отпускании нажатой над объектом кнопки мыши. Команда gotoAndPlay («muvic»); означает переход на кадр с меткой «muvic» и продолжение воспроизведения ролика. Таким образом, если пользователь щёлкнет на кнопке, анимация на главной временной шкале flash-документа перейдёт на кадр с меткой «muvic» и начнётся воспроизведение.

Кнопка «Инструкция» сделана аналогично. (Рис. 2.5).

Рисунок 2.5 Кнопка «ИНСТРУКЦИЯ».

Она жёлтого цвета с белым цветом текста. При наведении курсора на кнопку белый текст уходит вверх и исчезает, при этом снизу поднимается зелёный текст и останавливается посредине кнопки. В первом слое и во втором экземпляры клипа kn2, который содержит изображение кнопки. В третьем слое «Text» расположен текст, причём в первом кадре сгруппированы текстовые поля со словом Инструкция, а во втором кадре «Over» расположен мувик «ins» с анимацией текста. Его структура показана на рисунке 2.6.

Рис. 2.6. MovieClip «ins»

Два нижних слоя привязаны к слою-маске. Они называются маскированными. Содержимое слоя-маски не отображается, оно служит для маскированных слоёв областью видимости. В слое-маске нарисован прямоугольник, размеры которого равны размерам кнопки «Инструкция». В двух нижних слоях анимация текста. Белый текст уходит вверх и исчезает за границей видимости, а зелёный наоборот «выезжает» снизу. В последнем кадре оператор stop.

В верхнем слое «Sound» кнопки в третьем кадре вставлен звук Click.wav.

Кнопка «Инструкция» имеет сценарий :

on (release){.

instrtrk22.play ();

}.

Instrtrk22 — название мувика, расположенного в том же слое, что и кнопки. Он находится за сценой, поэтому его не видно. При срабатывании данного кода, мувик начинает проигрываться.

Третья кнопка ВЫХОД по структуре не отличается от кнопки СТАРТ (Рис. 2.8).

Рис. 2.8. Кнопка Старт

При наведении курсора на неё текст меняет цвет на светло-фиолетовый, при нажатии воспроизводится звук click copy, при отпускании нажатой кнопки мыши выполняется код:

on (release){.

fscommand («quit»);

}.

Fscommand () —это функция, которая управляет глобальными свойствами всего фильма. Команда fscommand («quit»); сообщает автономному проектору выйти из приложения или завершить его выполнение, что равнозначно выбору команды File->Quit.

В последнем кадре заставки стоит оператор stop.