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

  1. Руководство пользователя Adobe Animate
  2. Введение в Animate
    1. Новые возможности Animate
    2. Визуальный глоссарий
    3. Системные требования Animate
    4. Сочетания клавиш Animate
    5. Разные типы файлов в Animate
  3. Анимация
    1. Основы анимации в Animate
    2. Кадры и ключевые кадры в Animate
    3. Покадровая анимация в Animate
    4. Классическая анимация движения в Animate
    5. Инструмент «Кисть»
    6. Руководство по движению
    7. Анимация движения и язык ActionScript 3.0
    8. Сведения об анимации движения
    9. Анимация движения
    10. Создание анимации движения
    11. Использование ключевых кадров свойств
    12. Положения в анимации движения
    13. Использование Редактора движения для анимаций
    14. Редактирование траектории анимации движения
    15. Управление анимациями движения
    16. Настраиваемое ускорение и замедление
    17. Создание и применение стилей движения
    18. Настройка диапазонов анимации движения
    19. Сохранение анимации движения в файлах XML
    20. Анимация движения и классическая анимация
    21. Анимация фигур
    22. Инструмент «Кость» в Animate
    23. Скелетная анимация персонажей в Animate
    24. Слои-маски в Adobe Animate
    25. Работа со сценами в Animate
  4. Интерактивность
    1. Создание кнопок в Animate
    2. Преобразование проектов Animate в другие форматы документов
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Добавление интерактивных возможностей с помощью фрагментов кода в Animate
    5. Создание пользовательских компонентов HTML5
    6. Использование компонентов в HTML5 Canvas
    7. Создание пользовательских компонентов: примеры
    8. Фрагменты кода для пользовательских компонентов
    9. Рекомендации: реклама в Animate
    10. Разработка и публикация контента для виртуальной реальности
  5. Рабочая среда и рабочий процесс
    1. Создание и использование малярных кистей
    2. Использование шрифтов Google в документах HTML5 Canvas
    3. Использование библиотек Creative Cloud Libraries и Adobe Animate
    4. Использование рабочей области и панели «Инструменты» в Animate
    5. Рабочие процессы и рабочая среда Animate
    6. Использование веб-шрифтов в документах HTML5 Canvas
    7. Временные шкалы и ActionScript
    8. Работа с несколькими временными шкалами
    9. Задание настроек
    10. Использование панелей разработки Animate
    11. Создание слоев временной шкалы в Animate
    12. Экспорт анимаций для мобильных приложений и игровых платформ
    13. Перемещение и копирование объектов
    14. Шаблоны
    15. Поиск и замена в Animate
    16. Отмена/повтор действий и панель «История»
    17. Сочетания клавиш
    18. Использование временной шкалы в Animate
    19. Создание HTML-расширений
    20. Параметры оптимизации изображений и GIF-анимаций
    21. Настройки экспорта для изображений и GIF
    22. Панель «Ресурсы» в Animate
  6. Мультимедиа и видео
    1. Преобразование и объединение графических объектов в Animate
    2. Создание экземпляров символов и работа с ними в Animate
    3. Трассировка изображения
    4. Использование звука в Adobe Animate
    5. Экспорт SVG-файлов
    6. Создание видеофайлов для использования в Animate
    7. Добавление видео в Animate
    8. Работа с ключевыми точками видео
    9. Рисование и создание объектов в Animate
    10. Изменение линий и фигур
    11. Обводки, заливки и градиенты в Animate CC
    12. Работа с Adobe Premiere Pro и After Effects
    13. Панели «Цвет» в Animate CC
    14. Открытие файлов Flash CS6 в Animate
    15. Работа с классическим текстом в Animate
    16. Размещение иллюстраций в Animate
    17. Импортированные растровые изображения в Animate
    18. Трехмерная графика
    19. Работа с символами в Animate
    20. Рисование линий и фигур в Adobe Animate
    21. Работа с библиотеками в Animate
    22. Экспорт звуков
    23. Выделение объектов в Animate CC
    24. Работа с AI-файлами Illustrator в Animate
    25. Нанесение узоров с помощью инструмента «Аэрограф»
    26. Применение режимов наложения
    27. Упорядочивание объектов
    28. Автоматизация задач с помощью меню «Команды»
    29. Многоязычный текст
    30. Использование камеры в Animate
    31. Использование Animate с Adobe Scout
    32. Работа с файлами Fireworks
    33. Графические фильтры
    34. Звук и ActionScript
    35. Настройки рисования
    36. Рисование инструментом «Перо»
  7. Платформы
    1. Преобразование проектов Animate в другие форматы документов
    2. Поддержка специализированных платформ
    3. Создание и публикация документов HTML5 Canvas в Animate
    4. Создание и публикация документа WebGL
    5. Упаковка приложений AIR for iOS
    6. Публикация приложений AIR for Android
    7. Публикация для Adobe AIR на настольных ПК
    8. Параметры публикации ActionScript
    9. Рекомендации: размещение ActionScript в приложении
    10. Использование ActionScript в Animate
    11. Рекомендации: специальные возможности
    12. Специальные возможности в среде Animate
    13. Создание и использование сценариев
    14. Обеспечение поддержки специализированных платформ
    15. Общие сведения о поддержке специализированных платформ
    16. Создание содержимого со специальными возможностями
    17. Работа с плагинами поддержки специализированных платформ
    18. Отладка сценариев ActionScript 3.0
    19. Обеспечение поддержки специализированных платформ
  8. Экспорт и публикация
    1. Экспорт файлов из Animate CC
    2. Публикация OAM
    3. Экспорт SVG-файлов
    4. Экспорт графики и видео из Animate
    5. Публикация документов AS3
    6. Экспорт анимаций для мобильных приложений и игровых платформ
    7. Экспорт звуков
    8. Экспорт видеофайлов в QuickTime
    9. Управление воспроизведением внешнего видео с помощью ActionScript
    10. Рекомендации: советы по созданию контента для мобильных устройств
    11. Рекомендации: правила работы с видео
    12. Рекомендации: руководство по созданию SWF-приложений
    13. Рекомендации: формирование структуры FLA-файлов
    14. Рекомендации: оптимизация FLA-файлов для Animate
    15. Параметры публикации ActionScript
    16. Задание параметров публикации для Animate
    17. Экспорт файлов-проекторов
    18. Экспорт изображений и анимированных файлов GIF
    19. Шаблоны публикации HTML
    20. Работа с Adobe Premiere Pro и After Effects
    21. Быстрая публикация анимаций

Панель «Фрагменты кода» необходима для того, чтобы пользователи, не являющиеся программистами, могли быстро приступить к использованию простого кода 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 с фрагментами кода».

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

Логотип Adobe

Вход в учетную запись