Classe Tween e Set Interval

Olá pessoal.

Hoje vamos falar um pouco sobre animação em Flash com AS utilizando o Class Tween.
Existem diversas aplicações para esta classe, na minha opinião, quando ela é bem aplicada em uma peça publicitária você tem ganho no apelo visual.

O lance é, primeiramente, esquecer o timeline,em Action Script, isto não existe.

Bom o que é Class Tween?

Exemplo:

No timeline: para você dar movimento a um objeto, você criaria um movieclip ou graphic.
No primeiro frame você colocaria na posição inicial do objeto e no décimo frame você colocaria na posição final.
Depois atribuia ao timeline Create Motion Tween.
E assim o objeto moveria.

No Action Script:

1- crie um movieclip
2- dê um nome no "Instance Name"
3- crie outro layer chamado de AS
4- F9(abrir o editor de AS)

Agora vamos gastar as pontas dos dedos.

Para trabalhar com Class Tween, você precisa trazê-lo para o seu arquivo flash.
Ele já está na pastas de Classes que vem junto com o Flash, então:

import mx.transitions.Tween;
import mx.transitions.easing.*;

Ótimo. Agora vamos criar uma variável e atribuir valores a ela:

var ball_tween:Tween = new Tween(ball_mc, "_x", Regular.easeIn, 0, 300, 2, true);

Criei a variável: ball_tween, que é um Tween.
Chamei o Movieclip que criamos: ball_mc
Falei para ele que eu quero trabalhar sobre o eixo horizontal (_x)
Com movimento Regular e com efeito na entrada.
Partindo da posição Zero(0) e terminando na posição (300)
Com o tempo de 2 segundo
E utilizando o FPS do meu filme: true

Até aqui o seu MovieClip vai andar de 0 a 300, em dois segundos, pelo eixo horizontal, de forma regular.

Para quem entende de AS até agora está tranquilo.
Aí eu pensei:

"Mas quero que ele fique na posição final (300), por três segundos e depois retorne ao valor inicial ou outro valor."

Na ajuda do Flash ele mostra esta opção, somente com o clique, dando a função para ele retornar rewind(); mas não por tempo.

Solução?

Set Interval

E funciona com Class Tween?
Sim meu amigo, funciona uma maravilha.
Então segue o AS completo com a pausa deste tempo:

import mx.transitions.Tween;
import mx.transitions.easing.*;
var ball_tween:Tween = new Tween(ball_mc, "_x", Regular.easeIn, 0, 300, 2, true);
ball_tween.onMotionFinished = function() {
ball_tween.stop();
var ball2:Number = setInterval(ball2_mc,3000);

function ball2_mc (){
var ball_tween:Tween = new Tween(ball_mc, "_x", Elastic.easeInOut, 300, -100, 4, true);
clearInterval (ball2);
}
};

A partir daí dependa da sua criatividade.
Imagine um banner com entradas e saídas de MovieClips de forma suave, elástica, regular, com alpha....

Só um alerta.
O Class Tween só funciona para Action Script 2, portanto tome cuidado.

Dúvidas, sugestões ..manda para o Borges.

Abs....do Borges

Na Prancheta com Borges está no Outdooronline

Olá pessoal.

Ontem o "Na Prancheta com Borges" deixou a sua marca no Outdoor Online: http://www.artilheira.com.br/outdoor/
Este site oferece a oportunidade de você ou sua empresa estar em evidência em um Outdoor só que na internet.
Pode ficar tranquilo que lá outdoor é permitido, ou pelo menos até agora o Kassab não o proibiu como está fazendo na cidade de São Paulo.
Mas não quero falar de política e sim deste espaço.

Em um dia de exposição conseguimos 21 clickes em nosso outdoor.
Para a divulgação do "Na Prancheta com Borges", criei um conceito bem clean e direto ao ponto.

Então meu amigo(a), aproveite esta dica e faça você também a exposição do seu site, portfolio, serviços ou produto.


Abs...... do Borges.