Использование ActionScript в Animate

Язык сценариев ActionScript® позволяет добавлять в приложение сложные функции интерактивности, управления воспроизведением и отображения данных. Использовать ActionScript в среде разработчика можно с помощью панели «Действия», в окне «Сценарий» или с помощью внешнего редактора.

ActionScript имеет собственный синтаксис и зарезервированные ключевые слова, он позволяет использовать переменные для хранения и извлечения информации. ActionScript включает обширную библиотеку встроенных классов, которые позволяют создавать объекты для выполнения многих полезных задач. Дополнительные сведения о языке ActionScript см. в следующих разделах справки:

• Изучение ActionScript 3.0 на веб-сайте http://www.adobe.com/go/learn_flcs5_learnas3_ru

• Изучение ActionScript 2.0 в Adobe Animate по адресу www.adobe.com/go/learn_cs5_learningas2_ru

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

Языки сценариев ActionScript и JavaScript основаны на стандарте ECMA-262 — международном стандарте для языка сценариев ECMAScript. По этой причине разработчики, знающие JavaScript, сразу найдут ActionScript хорошо известным языком. Дополнительные сведения о языке ECMAScript см. на сайте ecma-international.org.

Какую версию ActionScript можно использовать?

Animate включает несколько версий языка ActionScript, которые удовлетворяют требованиям разных разработчиков и аппаратных средств воспроизведения. ActionScript 3.0 и 2.0 несовместимы друг с другом.

• Язык ActionScript 3.0 выполняется быстро. Эта версия требует более близкого знакомства с понятиями объектно-ориентированного программирования, чем остальные версии ActionScript. Язык ActionScript 3.0 полностью соответствует спецификации ECMAScript, предлагает лучшую обработку XML, усовершенствованную модель событий и архитектуру для работы с экранными элементами. Файлы FLA, использующие язык ActionScript 3.0, не могут включать ранние версии ActionScript.

• (Не поддерживается только в Animate.) Изучить ActionScript 2.0 проще, чем ActionScript 3.0. Хотя проигрыватель Flash выполняет скомпилированный код ActionScript 2.0 медленнее, чем код ActionScript 3.0, язык ActionScript 2.0 по-прежнему может быть полезным для множества разных проектов. Язык ActionScript 2.0 также полезен на проектов нетребовательных к вычислительным ресурсам. Например, для содержимого, более ориентированного на оформление ActionScript 2.0 также основан на спецификации ECMAScript, но соответствует ей не полностью.

• (Не поддерживается в Animate.) ActionScript 1.0 — это простейшая форма ActionScript, которая все еще используется в некоторых версиях проигрывателя Adobe Flash Lite. Один файл FLA может одновременно использовать ActionScript 1.0 и 2.0.

• (Не поддерживается в Animate.) Flash Lite 2.x ActionScript является вариантом ActionScript 2.0, который поддерживается во Flash Lite 2.x на мобильных телефонах и устройствах.

• (Не поддерживается в Animate.) Flash Lite 1.x ActionScript является вариантом ActionScript 1.0, который поддерживается во Flash Lite 1.x на мобильных телефонах и устройствах.

Использование документации по языку ActionScript

Существует несколько версий языка ActionScript (2.0 и 3.0) и несколько методов его включения в файлы FLA, поэтому изучить ActionScript можно разными способами.

Вы можете найти описание графического интерфейса пользователя для работы с ActionScript. Этот интерфейс включает панель «Действия», окно «Сценарий», режим «Помощник по сценариям», панель «Поведение», панель «Вывод» и панель «Ошибки компиляции». Следующие разделы применимы ко всем версиям языка ActionScript.

Другие руководства по языку ActionScript от корпорации Adobe содержат описания конкретных версий ActionScript.

Методы работы с языком ActionScript

Существует несколько методов работы с языком ActionScript.

• (Не поддерживается в Animate.) Режим «Помощник по сценариям» позволяет добавлять код ActionScript в файл FLA без необходимости писать код вручную. Пользователь выбирает действия, а программа предлагает пользовательский интерфейс для ввода нужных параметров. Необходимо представлять, какие функции требуются для выполнения той или иной задачи, но при этом не обязательно знать синтаксис языка. Этим методом пользуются многие дизайнеры и пользователи, не владеющие программированием.

• (Не поддерживается в Animate.) Другим способом добавления кода к файлу без ручного написания кода являются варианты поведения. Варианты поведения — это заранее написанные сценарии для типовых задач. Можно добавить вариант поведения, а потом легко настроить его на панели «Поведение». Варианты поведения доступны только в языке ActionScript версии 2.0 и более ранних.

• Написание собственных сценариев ActionScript обеспечивает большую гибкость в управлении документом, но требует знания языка ActionScript и соглашений по нему.

• Компоненты — это ранее созданные фрагменты ролика, которые помогают реализовать сложные функции. Компонентом может быть простой пользовательский элемент управления, например флажок, или сложный элемент управления, например панель прокрутки. Функциональность и внешний вид компонента можно настраивать, имеется возможность загрузить компоненты, созданные другими разработчиками. Для создания большинства компонентов требуется написать собственный код на языке ActionScript, чтобы запустить компонент или управлять им. Дополнительные сведения см. в руководстве Использование компонентов ActionScript 3.0.

Создание сценариев на языке ActionScript

При написании кода ActionScript в среде разработчика используется панель «Действия» или окно «Сценарий». Панель Действия и окно «Сценарий» содержат полнофункциональный редактор программного кода, включающий подсказки кода и выделение цветом, форматирование, цветовую подсветку синтаксиса. Он также включает отладку, номера строк, перенос слов и поддержку Юникода.

• Панель «Действия» используется для создания сценариев, которые включены в документ Animate (то есть являются внедренными в FLA-файл). Панель Действия содержит такие элементы, как панель инструментов «Действия», которая обеспечивает быстрый доступ к основным элементам языка ActionScript. Вы получаете подсказки для элементов, необходимых для создания сценариев.

• Окно «Сценарий» используется для создания внешних сценариев, то есть сценариев или классов, хранящихся во внешних файлах. (Для создания внешнего AS-файла можно также использовать текстовый редактор.) Окно «Сценарий» содержит функции, облегчающие написание кода, например подсказки кода, выделение цветом, проверку синтаксиса и автоформатирование.

Дополнительные рекомендуемые материалы сообщества

• Начало работы с ActionScript 3.0 (CS3) (3:25)

• Оптимизация анимации и FLA-файлов (7:24) (CS3)

• Создание класса документа с использованием ActionScript 3.0 (CS3) (2:38)

• Создание эффективного технологического процесса между проектированием и разработкой (CS3) (3:41)

• Использование компонентов (CS3) (1:47)

• Список YouTube.com каналов ActionScript

В следующих статьях и руководствах приводится дополнительная подробная информация о работе с языком ActionScript:

• Таблица миграции ActionScript 3 (Adobe.com)

Обзор панели «Вывод»

При выполнении документа любого типа, на панели «Вывод» отображается информация или предупреждение, связанные с операциями, такими как преобразование и публикация документов. Для отображения такой информации добавьте к коду операторы trace() или используйте команды «Создать список объектов» или «Создать список переменных».

Если в сценарии используется оператор trace(), во время воспроизведения SWF-файла на панель «Вывод» можно выводить определенную информацию. Это могут быть данные о состоянии SWF-файла или значении выражения. 

Панель Вывод включает следующие параметры меню:

• Копировать: копирует все содержимое панели «Вывод» в буфер обмена компьютера. Чтобы скопировать часть содержимого, выделите нужную область и выберите «Копировать».
• Очистить: очищает содержимое панели «Вывод».
• Показать вывод: отображается содержимое панели «Вывод».
• Заблокировать: блокирует панель. Можно только изменить размер панели, но нельзя перемещать или перетаскивать панель. 
• Справка: загружает онлайн-справку для панели «Вывод».
• Закрыть: закрывает панель «Вывод».
• Закрыть группу: закрывает всю группу панелей. Можно одновременно закрепить несколько панелей, таких как «Временная шкала», «Вывод» и «Ошибки компиляции».

Чтобы показать или скрыть панель «Вывод», выберите Окно > Вывод или нажмите клавишу F2.

Панель «Действия»

Требуется справка по языку?

Чтобы найти справочную документацию по конкретному элементу языка ActionScript, выполните одно из следующих действий.

• Откройте страницу Справка по языку ActionScript 3.0 и выполните поиск элемента языка.

• Введите элемент языка на панели «Действия», выберите его и нажмите клавишу F1 (сразу нажмите клавишу F1).
  

Изучение ActionScript

Сведения о написании кода ActionScript доступны в следующих ресурсах:

• Изучение ActionScript 3.0

• Справочник по языку ActionScript 3.0 и его компонентам

• Изучение ActionScript 2.0 в Adobe Animate

• Справочник по языку ActionScript 2.0

 ActionScript 3.0 и 2.0 несовместимы друг с другом. Выберите одну из версий для каждого создаваемого FLA-файла.

Обзор панели «Действия»

Чтобы создать сценарии, встроенные в FLA-файл, введите ActionScript непосредственно в панель «Действия» («Окно» > «Действия» или нажмите F9).

Панель «Действия» состоит из следующих двух областей.

Позволяет ввести с клавиатуры код ActionScript, связанный с текущим выбранным кадром.

Выводит список сценариев в документе Animate и позволяет быстро перемещаться между ними. Чтобы просмотреть сценарий на соответствующей панели, выберите элемент в средстве навигации «Сценарий».

Панель «Действия» позволяет использовать функции, которые упрощают и ускоряют написание кода ActionScript. Можно добавить не связанные с кадрами глобальные и сторонние сценарии, которые можно применить ко всей анимации прямо в Animate. Дополнительные сведения см. в разделе Добавление глобальных и сторонних сценариев на этой странице. 

• Выполнить сценарий: выполняется сценарий
• Закрепить сценарий: сценарий закрепляется на вкладках закрепления отдельных сценариев на панели «Сценарий» и перемещается соответствующим образом. Эта функция полезна, если код FLA-файла не упорядочен относительно одного централизованного местоположения. Она также полезна, если используется несколько сценариев. Можно закрепить сценарий, чтобы оставить открытым расположение кода на панели «Действия» и переключаться между несколькими открытыми сценариями. Эта функция может быть полезна при отладке.
• Вставить путь и имя образца: позволяет установить абсолютный или относительный путь назначения для действия в сценарии (только для панели «Действия»).
• Найти: выполняет поиск и замену текста в сценарии.
• Форматирование кода: помогает выполнять форматирование кода.
• Фрагменты кода: открывает панель «Фрагменты кода», содержащую типовые фрагменты кода.
  
• Добавить с помощью мастера: нажмите эту кнопку, чтобы добавить операции с помощью удобного мастера, который не требует написания кода. 
• Справка: отображает справочную информацию для элемента языка ActionScript, выделенного на панели «Сценарий». Например, если нажать оператор import, а затем инструмент «Справка», на панель «Справка» выводится справочная информация для оператора import.

Использование мастера кода операций

Можно добавлять интерактивность в композиции HTML5 с помощью параметров функции Добавить с помощью мастера на панели Операции. Функция «Добавить с помощью мастера» представляет собой простейший пользовательский интерфейс для добавления кода в композиции.

Можно выбрать в меню параметр Текущее выделение при выборе объекта в рабочей области и запуске мастера кода операций. Для кода также можно выбрать операции с временной шкалой и компонентами.

Расширение интерактивности анимации

Интерактивность — ключевой аспект анимации, позволяющий усилить визуальные впечатления зрителей. Хотите научиться добавлять в видео действия, не используя код? Посмотрите учебный видеоролик в конце этого примера и выполните следующие шаги.

Как сделать анимации более интерактивными

Использование окна «Сценарий»

В окне «Сценарий» создаются внешние файлы сценариев, которые впоследствии импортируются в приложение. Это могут быть файлы сценариев ActionScript или Animate JavaScript.

Также можно добавлять глобальные и сторонние сценарии в документы HTML5 Canvas. Дополнительные сведения см. в разделе Добавление глобальных и сторонних сценариев статьи Создание и публикация документов HTML5 Canvas в Animate.

Если открыты несколько внешних файлов, их имена выводятся на вкладках вверху окна «Сценарий».

В окне «Сценарий» предлагаются следующие функции: закрепление сценария, поиск с заменой, цветовая окраска синтаксиса, форматирование кода, подсказки кода, комментирование кода и свертывание кода. Также можно использовать функции отладки (только для файлов ActionScript) и автоматический перенос строки. В окне «Сценарий» также можно отображать номера строк и скрытые символы.

Создание внешнего файла в окне «Сценарий»

Редактирование внешнего файла в окне «Сценарий»

• Чтобы открыть существующий сценарий, выберите меню Файл > Открыть и откройте существующий AS-файл.

• Для редактирования уже открытого сценария перейдите на вкладку документа с именем сценария.

Инструменты на панели «Действия» и в окне «Сценарий»

Панель «Действия» позволяет использовать функции, которые упрощают и ускоряют написание кода ActionScript.

Найти 

Поиск и замена текста в сценарии.

Вставить целевой путь 

Позволяет установить абсолютный или относительный путь назначения для действия в сценарии (только для панели «Действия»).

Справка 

Отображает справочную информацию для элемента языка ActionScript, выделенного на панели «Сценарий». Например, если нажать оператор import, а затем инструмент Справка, на панель Справка выводится справочная информация для оператора import.

Фрагменты кода

Открывает панель Фрагменты кода, содержащую типовые фрагменты кода.

Добавить с помощью мастера

Позволяет добавлять код для действий с помощью интерфейса без необходимости написания кода. 

Доступ к контекстно-зависимой справке из панели «Действия»

Установка параметров языка ActionScript

При редактировании программного кода на панели «Действия» или в окне «Сценарий» можно устанавливать и модифицировать набор настроек.