Tween  - AS3 Flash

Исходное значение указанного свойства целевого объекта до начала анимации движения.

Длительность анимации движения в кадрах или секундах. Данное свойство устанавливается как параметр при создании нового экземпляра Tween или при вызове метода Tween.yoyo().

Число, указывающее конечное значение свойства целевого объекта, подвергаемого анимации движения. Данное свойство устанавливается как параметр при создании нового экземпляра Tween или при вызове метода Tween.yoyo().

Связанные элементы API

Число кадров в секунду, вычисленных с учетом анимации движения. По умолчанию для вычисления анимации движения используется частота кадров текущей рабочей области. Установка данного свойства повторно вычисляет количество приращений в свойстве анимирования, отображаемое каждую секунду в свойстве Tween.FPS чаще, чем текущее значение частоты кадров рабочей области. Установка свойства Tween.FPS не меняет действующего значения частоты кадров рабочего стола.

Примечание. Свойство Tween.FPS имеет неопределенное значение, пока не будет первоначально установлено явно.

import fl.transitions.Tween;
import fl.transitions.easing.*;
 
var tween:Tween = new Tween(mc, "x", Elastic.easeOut, 0, 300, 3, true);
tween.FPS = 60;
 
mc.addEventListener(MouseEvent.CLICK, onClick);
 
function onClick(evt:MouseEvent):void {
    tween.start();
}

Функция замедления, используемая в анимации движения.

Показывает, воспроизводится ли анимация движения в настоящий момент.

Указывает, будет ли tween-анимация повторяться циклически. При значении true анимация движения повторно запускается после завершения воспроизведения анимации движения. При значении false анимация движения воспроизводится только один раз.

Целевой объект с анимацией движения.

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

Имя свойства, на которое влияет анимация движения целевого объекта.

Текущий момент времени в пределах продолжительности анимации.

Указывает период воспроизведения анимации движения: в кадрах или секундах. Значение параметра true приводит к анимации движения в течение периода (в секундах), определяемого свойством duration. Значение параметра false приводит к анимации движения в течение последовательности кадров.

Создает экземпляр класса Tween. Используйте функцию-конструктор с оператором new: var myTween:Tween = new Tween().

Связанные элементы API

Предписывает анимации движения продолжить анимацию с текущего положения до новой точки окончания и длительности анимации движения.

Параметры

Связанные элементы API

Переводит точку воспроизведения анимации движения в самый конец.

Переводит точку воспроизведения анимации движения к следующему кадру остановленной анимации. Используйте данный метод для покадрового перехода по анимации движения после ее остановки с помощью метода Tween.stop().

Примечание. Используйте данный метод только для анимации движения, основанной на кадрах. Сделать анимацию движения покадровой можно при создании, задав параметру useSeconds значение false.

Воспроизводит предыдущий кадр анимации движения от текущей точки остановки в анимации. Используйте данный метод для обратного покадрового воспроизведения анимации движения после ее остановки с помощью метода Tween.stop().

Примечание. Используйте данный метод только для анимации движения, основанной на кадрах. Сделать анимацию движения покадровой можно при создании, задав параметру Tween.start() useSeconds значение false.

Связанные элементы API

Возобновляет воспроизведение приостановленной анимации движения. Используйте данный метод для продолжения анимации движения после остановки с помощью метода Tween.stop().

Примечание. Используйте данный метод только для анимации движения, основанной на кадрах. Выбор кадров в качестве основы анимации движения производится при ее создании. Для этого для параметра useSeconds задается значение false.

Возвращает точку воспроизведения анимации движения в начало. Если метод Tween.rewind() вызывается во время воспроизведения анимации движения, то анимация перематывается на начальное значение и продолжает воспроизведение. Если метод Tween.rewind() вызывается в момент, когда анимация движения остановлена или завершена, то анимация движения перематывается в начальное значение и остается в остановленном состоянии. Используйте данный метод для перемотки анимации движения в начальную точку после ее остановки с помощью метода Tween.stop() или перемотки анимации движения во время воспроизведения.

Параметры

Начинает воспроизведение анимации движения с начальной точки. Данный метод используется для повторного запуска объекта Tween с начала анимации после его остановки или завершения анимации.

Останавливает воспроизведение анимации движения в текущем положении.

Предписывает tween-анимации начать воспроизведение в обратном направлении с приращениями, равными значению свойства tweened. Если данный метод вызывается до завершения анимации объектов Tween, то анимация резко перейдет в конец воспроизведения, и затем с этой точки начнется воспроизведение в обратном направлении. Можно достигнуть эффекта завершения всего воспроизведения анимации и затем развернуть все воспроизведение вызовом метода Tween.yoyo() внутри обработчика события TweenEvent.MOTION_FINISH. Данный процесс гарантирует, что обратный эффект метода Tween.yoyo() не начнется, пока не будет завершена текущая анимация движения.

Свойства объекта события имеют следующие значения:

Свойства объекта события имеют следующие значения:

Свойства объекта события имеют следующие значения:

Свойства объекта события имеют следующие значения:

Свойства объекта события имеют следующие значения:

Свойства объекта события имеют следующие значения:

Примечание. Для классов пакета fl.transitions необходимо использовать инструкцию import, даже на панели «Действия» в Flash Professional (для большинства классов не требуется использовать оператор import на панели «Действия»). Используйте * на уровне пакета, чтобы включить все классы пакета, или импортируйте каждый из них по отдельности.

import fl.transitions.Tween;
import fl.transitions.easing.*;
   
//create a Sprite instance
var mySprite:Sprite = new Sprite()
   
// create an input text field
var myTextField:TextField = new TextField();
   
myTextField.type = TextFieldType.INPUT;
myTextField.width = 180;
myTextField.height = 20;
myTextField.x = 20;
myTextField.y = 140;
myTextField.border = true;
myTextField.text = "Type a number here and press Enter";
myTextField.restrict = "0-9";   
 
addChild(myTextField);

// add a listener when the user clicks in the text field
myTextField.addEventListener(MouseEvent.CLICK, fieldClickHandler);

// add a listener for a key press
myTextField.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler);
 
// clear the text field when the user clicks in it to enter a value
function fieldClickHandler(event:MouseEvent):void {
    myTextField.text = "";
}

// if the key pressed is the Enter key
// change the values of the box's width based on the value provided
function keyDownHandler(event:KeyboardEvent):void {
     if (event.keyCode == Keyboard.ENTER) {  

     mySprite.graphics.clear();
     var userNumber:Number = new Number(myTextField.text);
     mySprite.graphics.beginFill(0x666999);
     mySprite.graphics.drawRect(0, 0, 40, 120);
     addChild(mySprite);
     //provide tween values, including passing the variable userNumber for the width at
     //the end of the tween
     var myTween:Tween = new Tween(mySprite, "width", Elastic.easeOut, 0, userNumber, 4, true);
     }
}