Пример. Фрагмент анимации портфолио (Flash Professional)

Создайте FLA-файл с простой анимацией, например одной анимацией движения или формы. Если FLA-файл, содержащий анимацию, демонстрируемую в проекте, уже существует, откройте этот файл и сохраните его с новым именем.

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

Добавьте новый слой поверх других слоев на временной шкале и присвойте ему имя кнопки . На этот слой будут добавлены кнопки.

Добавьте новый слой поверх слоя кнопок и присвойте ему имя действия . На этот слой будет добавлен код ActionScript для этого приложения.

Используя инструменты рисования, создайте в слое кнопок визуальный образ первой кнопки («воспроизведение»). Например, нарисуйте горизонтальный овал с текстом поверх него.

Используя инструмент выделения, выделите все графические части кнопки.

В главном меню выберите команды «Модификация» > «Преобразовать в символ».

Выберите в диалоговом окне в качестве типа символа «Кнопка», присвойте символу имя и нажмите «ОК».

При выделенной кнопке в инспекторе свойств присвойте ей имя экземпляра playButton .

Повторите шаги с 1 по 5 для создания кнопки, с помощью которой зритель сможет перейти к главной странице автора. Имя этой кнопки: homeButton .

Выберите ключевой кадр для Кадра 1 в слое действий.

Чтобы открыть панель «Действия», выберите в главном меню команды «Окно» > «Действия».

На панели «Сценарий» введите следующий код:

stop();

Добавьте две пустые строки в конце кода предыдущего шага.

Введите следующий код в нижней части сценария:

function startMovie(event:MouseEvent):void 
{ 
    this.play(); 
}

Код определяет функцию с именем startMovie() . При вызове функция startMovie() запускает временную шкалу и начинает воспроизведение.

На строке, следующей за кодом, добавленным на предыдущем шаге, введите следующую строку кода:

playButton.addEventListener(MouseEvent.CLICK, startMovie);

Эта строка кода регистрирует функцию startMovie() как прослушивателя события click для кнопки playButton . Другими словами, код определяет, что при нажатии кнопки с именем playButton вызывается функция startMovie() .

Добавьте две пустые строки в конце кода предыдущего шага.

Введите следующий код в нижней части сценария:

function gotoAuthorPage(event:MouseEvent):void 
{ 
    var targetURL:URLRequest = new URLRequest("http://example.com/"); 
    navigateToURL(targetURL); 
}

Код определяет функцию с именем gotoAuthorPage() . Эта функция сначала создает экземпляр URLRequest, представляющий URL-адрес http://example.com/. Затем она передает этот URL в функцию navigateToURL() , благодаря чему в браузере пользователя открывается страница с этим URL-адресом.

На строке, следующей за кодом, добавленным на предыдущем шаге, введите следующую строку кода:

homeButton.addEventListener(MouseEvent.CLICK, gotoAuthorPage);

Эта строка кода регистрирует функцию gotoAuthorPage() как прослушивателя события click для кнопки homeButton . Другими словами, код определяет, что при нажатии кнопки с именем homeButton вызывается функция gotoAuthorPage() .

В главном меню выберите команды «Управление» > «Тестировать ролик». Flash Professional создает SWF-файл и открывает его в окне проигрывателя Flash Player.

Нажмите обе кнопки и убедитесь, что они выполняют требуемые действия.

Если кнопки не работают, необходимо выяснить следующее:

• Имеют ли кнопки отдельные имена экземпляров?

• Совпадают ли имена, используемые ли при вызове метода addEventListener() , с именами экземпляров кнопок?

• Используются ли корректные имена событий при вызове метода addEventListener() ?

• Указаны ли корректные параметры для каждой из функций? (Оба метода должны иметь один параметр с типом данных MouseEvent.)

При возникновении всех этих ошибок, а также большинства других возможных ошибок появляется сообщение об ошибке. Сообщение об ошибке может появиться при выборе команды «Тестировать ролик» или при нажатии кнопки во время тестирования проекта. Ошибки компиляции показаны на панели «Ошибки компиляции» (это ошибки, которые возникают при первом выборе команды «Тестировать ролик»). На панели «Вывод» показаны ошибки выполнения, которые возникают при воспроизведении содержимого, например при нажатии кнопки.