Добавить ActionScript для кнопки для анимации конверта

• May 11, 2024

В последних нескольких уроках мы закончили анимацию, которая заставила конверт лететь в центр сцены, и добавили нашу невидимую кнопку над маркой на конверте. Теперь, единственное, что осталось сделать для первой половины анимации, это добавить несколько строк ActionScript к нашей кнопке. Этот код скажет Flash, что нужно просто остановить анимацию в кадре 80 и прослушать нажатие кнопки. Когда кнопка нажата, ActionScript переместит анимацию в кадр 81 и вторую половину анимации. Конечно, нам все еще нужно построить остальную часть анимации, но сейчас мы будем работать над кодом, который заставит нашу кнопку управлять временной шкалой.

Откройте наш FLA-файл во Flash CS3. На данный момент у нас есть 80 кадров на временной шкале. Мы будем работать над Кадром 80 во время этого урока.

1. Разблокируйте слои Actions и InvButton. На кадре 80 слоя Actions щелкните правой кнопкой мыши и добавьте ключевой кадр. В меню выберите «Окно», «Действия», чтобы открыть панель «Действия».
   
   
2. Добавьте следующий код на панель «Действия».
   
   стоп();
   
   InvButton1.addEventListener (MouseEvent.CLICK, open_Env);
   
   функция open_Env (myevent: Event): void {
   InvButton1.removeEventListener (MouseEvent.CLICK, open_Env);
   играть в();
   }
   
   Как видите, этот код состоит из трех частей. Сначала мы добавляем код stop () для остановки анимации и ждем нажатия кнопки. Поскольку код находится в кадре 80, анимация остановится.
   
   Затем мы добавляем EventListener к экземпляру InvButton1 нашей кнопки невидимого штампа. Этот EventListener будет прослушивать щелчок мыши на кнопке и затем вызывать функцию open_Env.
   
   Функция open_Env делает две вещи. Сначала он удаляет EventListener, а затем перемещает анимацию в кадр 81 с помощью кода play ().
   
   
3. После добавления ActionScript на панель «Действия» вы можете закрыть панель «Действия».
   
   
4. Как вы можете видеть, мы сделали все это в кадре 80. Нажмите Control, Test Movie, чтобы проверить кнопку. Вы увидите, что анимация не возвращается автоматически к началу временной шкалы после кадра 80, как это было раньше. Теперь наш фильм останавливается и ждет, когда кто-нибудь нажмет на кнопку. Это потому, что теперь мы контролируем Временную шкалу с помощью ActionScript.
   
   

Сохраните ваш FLA-файл для следующего урока, когда мы начнем работать над второй половиной анимации конверта.

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: Create a Spinning Animated GIF Preloader | Photoshop CC (May 2024).