Руководство пользователя Отмена

Добавление интерактивных возможностей с помощью фрагментов кода в Animate

 

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

Панель «Фрагменты кода» позволяет выполнять следующее.

  • Добавлять код, который влияет на поведение объектов в рабочей области.

  • Добавлять код, который управляет перемещением точки воспроизведения на временной шкале.

  • (Только в CS5.5) Добавлять код, обеспечивающий взаимодействие с пользователем посредством сенсорного экрана.

  • Добавлять новые созданные фрагменты кода на панель.

Использование фрагментов кода, включенных в Animate, облегчает изучение новичками языка JavaScript или ActionScript 3.0. Путем просмотра кода во фрагментах и выполнения настроек, описанных в инструкциях к фрагменту, можно понять структуру и словарь кода.

Функция «Фрагменты кода» в Animate
Функция «Фрагменты кода» в Animate

Приступая к работе

При работе с панелью «Фрагменты кода» важно понимать следующие основные положения Animate:

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

  • Все включенные фрагменты кода написаны на языке JavaScript или ActionScript 3.0.

  • Некоторые фрагменты влияют на поведение объекта, делая объект доступным для щелчка кнопкой мыши или вызывая перемещение или исчезновение объекта. Эти фрагменты применяются к объекту в рабочей области.

  • Некоторые фрагменты предназначены для немедленного выполнения действия при попадании точки воспроизведения в кадр, содержащий фрагмент. Эти фрагменты применяются к кадру временной шкалы.

  • При использовании фрагмента кода он добавляется в текущий кадр слоя «Действия» временной шкалы. Если слой «Действия» еще не создан, Animate добавит его поверх остальных слоев временной шкалы.

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

  • Можно нажимать кнопки «Показать описание» и «Показать код», которые появляются при выделении фрагмента на панели.

Добавление фрагмента кода к объекту или кадру временной шкалы

Добавление действия, влияющего на объект или точку воспроизведения:

  1. Выделите объект в рабочей области или кадр на временной шкале.

    Если выделен объект, который не является экземпляром символа, Animate преобразует объект в символ фрагмента ролика при применении фрагмента.

    Если выделен объект, который еще не имеет имени экземпляра, Animate добавляет это имя при применении фрагмента.

  2. На панели «Фрагменты кода» (Окно > Фрагменты кода) дважды щелкните фрагмент, который хотите применить.

    Если вы выбрали объект в рабочей области, Animate добавляет фрагмент на панель «Действия» в кадры, содержащие выбранный объект.

    Если выбран кадр временной шкалы, Animate добавляет фрагмент только к этому кадру.

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

Фрагмент кода на панели «Действия»

Добавление новых фрагментов на панель «Фрагменты кода»

Новые фрагменты кода можно добавить на панель «Фрагменты кода» двумя способами:

  • Ввод фрагмента в диалоговом окне Создать новый фрагмент кода.

  • Импорт XML-файла фрагмента кода.

Использование диалогового окна «Создать новый фрагмент кода»:

  1. На панели «Фрагменты кода» в меню панели выберите «Создать новый фрагмент кода».

  2. В диалоговом окне введите заголовок, текст подсказки и код JavaScript или ActionScript 3.0 фрагмента.

    Можно добавить любой код, который в настоящее время выделен на панели «Действия», нажав кнопку автоматического заполнения.

  3. Установите флажок «Автоматически заменить название_экземпляра», если код содержит строку «название_экземпляра» и необходимо, чтобы Animate заменила ее правильным именем экземпляра при применении фрагмента.

    Animate добавляет новый фрагмент на панель «Фрагменты кода» в папку «Заказная».

Импорт фрагмента кода в формате XML

  1. На панели «Фрагменты кода» в меню панели выберите пункт «Импорт XML с фрагментами кода».

  2. Выберите импортируемый XML-файл и нажмите «Открыть».

Для выбора правильного формата XML для фрагментов кода в меню панели выберите «Изменить файл XML с фрагментами кода».

Чтобы удалить фрагмент кода, щелкните его правой кнопкой мыши на панели и выберите команду «Удалить фрагмент кода» в контекстном меню.

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

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

  1. В разделе «Библиотека» щелкните «Параметры публикации».

  2. Выберите JavScript/HTML.

  3. На вкладке HTML/JS нажмите кнопку «Экспорт» и выберите следующие параметры:

    • Имя файла: введите имя файла.
    • Сохранить как тип: выберите «HTML».
  4. Нажмите кнопку ОК.

Как улучшить интерактивную анимацию HTML5

Посмотрите видео и узнайте, как редактировать коды.

Получайте помощь быстрее и проще

Новый пользователь?