Tween  - AS3 Flash

O valor inicial da propriedade designada do objeto de destino antes do início da interpolação.

A duração da animação interpolada em quadros ou segundos. Essa propriedade é definida como um parâmetro na criação de uma nova ocorrência Tween ou na chamada do método Tween.yoyo().

Um número indicando o valor final da propriedade do objeto de destino a ser interpolado. Essa propriedade é definida como um parâmetro na criação de uma nova ocorrência Tween ou na chamada do método Tween.yoyo().

Elementos da API relacionados

O número de quadros por segundo, calculado na animação interpolada. Por padrão, a velocidade de projeção Palco atual é usada para calcular a animação interpolada. A definição desta propriedade recalcula o número de incrementos na propriedade animada que é exibida a cada segundo para a propriedade Tween.FPS em vez da velocidade de projeção Palco atual. A definição da propriedade Tween.FPS não altera a velocidade de projeção atual do Palco.

Observação: A propriedade Tween.FPS retorna indefinida a não ser que, primeiramente, seja explicitamente configurada.

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();
}

A função de atenuação usada com a interpolação.

Indica se a interpolação está sendo reproduzida no momento.

Indica se a interpolação executará uma repetição. Se o valor for true, a interpolação reiniciará indefinidamente toda vez que a interpolação for concluída. Se o valor for false, a interpolação será reproduzida só uma vez.

O objeto de destino que está sendo interpolado.

O valor atual da propriedade do objeto de destino que está sendo interpolada. Esse valor é atualizado juntamente com cada quadro desenhado da animação interpolada.

O nome da propriedade afetada pela interpolação do objeto de destino.

O tempo atual na duração da animação.

Indica se a interpolação é reproduzida por um período de quadros ou segundos. Um valor de true fará com que a interpolação seja animada por um período de segundos especificado pela propriedade duration. Um valor de false fará com que a interpolação seja animada por um período de quadros.

Cria uma ocorrência da classe Tween. Use a função do construtor com o operador new: var myTween:Tween = new Tween().

Elementos da API relacionados

Instrui a animação interpolada a continuar a interpolação a partir do ponto de animação atual até um novo ponto de conclusão e duração.

Parâmetros

Elementos da API relacionados

Avança a animação interpolada diretamente até o respectivo valor final.

Avança a animação interpolada até o quadro seguinte de uma animação que foi parada. Use esse método para avançar um quadro por vez de uma animação interpolada após usar o método Tween.stop() para pará-la.

Observação: Use esse método somente com interpolações baseadas em quadros. Um interpolação é definida como baseada em quadros na sua criação configurando o parâmetro useSeconds como false.

Reproduz o quadro anterior da animação interpolada a partir do ponto de interrupção atual de uma animação que foi parada. Use esse método para reproduzir uma animação interpolada ao contrário um quadro por vez após usar o método Tween.stop() para pará-la.

Observação: Use esse método somente com interpolações baseadas em quadros. Um interpolação é definida como baseada em quadros na sua criação configurando o parâmetro Tween.start() useSeconds como false.

Elementos da API relacionados

Retoma a reprodução de uma animação interpolada que foi parada. Use esse método para continuar uma animação interpolada após tê-la parado usando o método Tween.stop().

Observação: Use esse método somente com interpolações baseadas em quadros. Um interpolação é definida como baseada em quadros na sua criação configurando o parâmetro useSeconds como false.

Retorna a reprodução de uma animação interpolada ao seu valor inicial. Se for chamado o método Tween.rewind() enquanto a animação interpolada ainda estiver sendo reproduzida, a animação é retrocedida a seu valor inicial e continua a ser reproduzida. Se for chamado o método Tween.rewind() enquanto a animação interpolada estiver parada ou tiver finalizado, a animação interpolada retrocede a seu valor inicial e permanece parada. Use esse método para retroceder uma animação interpolada a se ponto inicial após você tê-la parado usando o método Tween.stop() ou para retroceder uma animação interpolada durante sua reprodução.

Parâmetros

Inicia a reprodução de uma animação interpolada do seu ponto de partida. Esse método é usado para reiniciar um objeto Tween do início de sua animação após ele parar ou ter concluído sua animação.

Para a reprodução de uma animação interpolada no seu valor atual.

Instrui a animação interpolada a reproduzir no sentido inverso da sua última direção de incrementos de propriedade interpolada. Se esse método for chamado antes de a animação do objeto Tween ser concluída, a animação pula bruscamente para o final da reprodução e, em seguida, reproduz na direção inversa a partir desse ponto. Você pode obter um efeito de uma animação concluindo sua reprodução inteira e, depois, inverter a reprodução inteira chamando o método Tween.yoyo() dentro de um manipulador de eventos TweenEvent.MOTION_FINISH. Esse processo assegura que o efeito de inversão do método Tween.yoyo() não é iniciado até que a animação interpolada atual esteja concluída.

As propriedades do objeto do evento têm os seguintes valores:

As propriedades do objeto do evento têm os seguintes valores:

As propriedades do objeto do evento têm os seguintes valores:

As propriedades do objeto do evento têm os seguintes valores:

As propriedades do objeto do evento têm os seguintes valores:

As propriedades do objeto do evento têm os seguintes valores:

Observação: Para as classes no pacote fl.transitions, você tem de usar uma Instrução import, até no painel de Ações do Flash Professional (para a maioria das classes você não precisa da instrução de importação dentro do painel de Ações). Use * no nível de pacote para incluir todas as classes no pacote, ou importar cada uma individualmente.

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);
     }
}