Flash ActionScript 3 Tween Class

• May 18, 2024

Tweening является фундаментом Flash^р анимация. Если вы разделите Flash-анимацию на отдельные части, у вас будет начальная точка, конечная точка и несколько промежуточных точек. Количество промежуточных точек, которые у вас будут, зависит от типа создаваемой вами анимации.

Большинство Flash-дизайнеров используют один из двух методов для создания Flash-анимации. Первый метод, который вы научитесь использовать, - это анимация временной шкалы, где вы используете Flash Timeline для управления анимацией. Это простой способ создать простую анимацию. Но этот урок о втором и более гибком методе ActionScript. Вы будете использовать этот метод, когда вам нужно немного больше контролировать анимацию, чем на временной шкале. Приятно то, что большая часть кода ActionScript является встроенной. По сути, вам нужно только указать Flash, с чего начать, где закончить и как долго вы хотите, чтобы анимация длилась. Давайте посмотрим, как настроить ваш проект Flash для использования ActionScript и класса Tween для создания Tween.

Давайте посмотрим на пример, который переместит простой прямоугольник из одной точки на сцене в другую. Запустите новый проект ActionScript 3 во Flash CS3.

1. Наш первый шаг - нарисовать прямоугольник на сцене. Мы можем сделать это с помощью ActionScript 3 и API рисования. Но для этого урока мы будем использовать инструменты рисования, чтобы нарисовать прямоугольник в любом месте на сцене. Давайте переименуем слой 1 на временной шкале в «Прямоугольник». Затем нажмите на инструмент Rectangle и нарисуйте наш прямоугольник.
   
   
2. Далее нам нужно преобразовать прямоугольник в муви клип. Выберите прямоугольник и нажмите «Изменить» - «Преобразовать в символ» в меню, чтобы открыть диалоговое окно. Давайте дадим нашему мувиклипу имя «recMC» и установим для «Типа» мувиклипа.
   
   
3. Давайте также настроим Linkage для этого мувиклипа. Нажмите кнопку «Дополнительно», чтобы развернуть диалоговое окно «Преобразовать в символ». Поставьте галочку в поле «Экспорт для ActionScript», чтобы сообщить Flash о создании нового класса recMC. Закройте диалоговое окно.
   
   Теперь мы можем удалить прямоугольник, который нарисовали на сцене, потому что он есть в библиотеке. Выберите прямоугольник и нажмите «Правка» - «Вырезать». Так как мы собираемся использовать ActionScript для создания анимации Tween, наш следующий шаг - добавить новый слой на временную шкалу и назвать его «Действия». В кадре 1 слоя «Действия» откройте панель «Действия» («Окно - Действия») и скопируйте приведенный ниже код.
   
   импорт fl.transitions.Tween;
   import fl.transitions.TweenEvent;
   импорт fl.transitions.easing. *;
   
   Эти три строки кода сообщают Flash, что мы хотим использовать встроенный код для классов Tween, TweenEvent и easing. Эти классы помогают использовать для перемещения, изменения размера и исчезновения нашего целевого мувиклипа (redMC).
   
   

Далее →

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 в США и / или других странах.

Видео инструкция: Flash Actionscript Tutorials - Animation using ActionScript Tweens and Easing Class - 15 (May 2024).