Adobe Animate CC

Руководство подготовлено для Adobe Animate CC версии 18.0.1.

1. Создайте новый проект HTML5 canvas

   

2. Скачайте шаблон «Лето» для Adobe Animate CC по ссылке.

3. Импортируйте шаблон в проект в параметрах публикации.

   

4. Настройте обработку клика.

   Для учета кликов и перехода по ссылке необходимо из креатива вызвать функцию шаблона window.click(n), где n — номер ссылки от 1 до 30, которая должна быть вызвана. Если креатив имеет только одну ссылку для перехода, то значение n = 1 можно не указывать.

   • Создайте символ типа Кнопка и разместите его в верхнем слое главного таймлайна. Присвойте кнопке имя экземпляра, например, button_main.

    

   • Добавьте в первом кадре анимации код:  

     if (typeof(this.initialized) == "undefined") {
         this.button_main.addEventListener("click", function(event) {
             if(event.nativeEvent.button === 0){
               window.click();
             }
         });
         this.initialized = true;
     }  
     

   • Если в креативе необходимо использовать несколько кнопок с переходами по разным ссылкам, добавьте дополнительные символы типа Кнопка, присвойте им имена экземпляров и добавьте соответствующий код для экземпляра кнопки. Должно получиться, как указано на примере ниже:

     if (typeof(this.initialized) == "undefined") {
       this.button_main.addEventListener("click", function(event) {
          if(event.nativeEvent.button === 0){
            window.click(1);
          }
        });
        this.button_2.addEventListener("click", function(event) {
          if(event.nativeEvent.button === 0){
            window.click(2);
          }
        });
         // и т.д. для всех кнопок
       this.initialized = true;
     }

1. Опубликуйте проект.

   В поле “Имя вывода” укажите слово “index”.

   Файлы креатива, полученные в результате публикации, добавьте в zip-архив.

   Важно!

• В zip-архив необходимо добавить только опубликованный проект. Версия из предпросмотра в браузере через (Ctrl-Enter или Cmd-Enter) содержит в ссылках случайные значения и не будет принята к размещению. Кроме того, опубликованные файлы на диске перезаписываются при предпросмотре, поэтому после публикации не используйте предпросмотр до тех пор, пока не добавите опубликованные файлы в архив.
• Для ускорения загрузки креатива необходимо делать параллельную загрузку ресурсов креатива (картинки, CSS, JS и т.д.).
• Шаблон публикации для Adobe Animate CC.
• Пример креатива.
• Пример результата публикации.