Classe Tween

[Thelon]

Olá senhores e senhoras.

Venho através deste humilde tutorial para tentar passar algumas coisas sobre a classe tween da laco que ajuda muito para algumas animações.

Se você não tem a classe pode baixar ela aqui: http://laco.wz.cz/tween/files/MovieclipTween120.mxp

Então vamos ao que interessa :D

Crie 3 camadas uma com o nome de AS outra de botões e a ultima de fundo.

No 1º frame da camada AS coloque o seguinte código:

#include "lmc_tween.as"

Essa linha serve para chamarmos a classe tween.

Agora na camada fundo faça um quadrado do tamanho do palco e coloque e posicione ele para tampar todo o palco.

Transforme ele em um MovieClip com o nome de fundo e no nome de instancia de fundo(Viva a criatividade do Thelzinho :P).

Na camada botões faça 3 quadrados e posicione eles como na imagem a baixo:

CLICK AQUI PARA VER A IMAGEM

Transforme eles em MovieClips com o nome de botão1, botão2 e botão3 com os nomes de instancia de btn1, btn2 e btn3.

Até aqui supimpa sem mistério.

Vamos brincar com o AS :D

A baixo do #include "lmc_tween.as" coloque:

// faz os botões 2 e 3 ficarem com o alpha 0 que seria invisivel

btn2._alpha = 0;

btn3._alpha = 0;

//Ações do botão 1

btn1.onRelease = function() {

/*Faz os botão 2 ficar com o alpha de 100% em 1 segundo

100 é o alpha que ele vai ficar, 1 é o tempo em segundos,”linear” o tipo da animação,0 é o delay.

Troque os números para ir sentindo a diferença*/

_root.btn2.alphaTo(100,1,"linear",0);

//Faz os botão 3 ficar com o alpha de 100% em 1 segundo

_root.btn3.alphaTo(100,1,"linear",0);

//Faz o botão 1 girar em 360° troque os numerous para entender melhor depois de feito.

_root.btn1.tween("_rotation",360,1,"linear",0);

};

//Ações do botão 2

btn2.onRelease = function() {

/* Trace mostra na caixa OutPut a mensagem que você escreveu quando o botão for clicado é muito útil

Faça o seguinte teste troque o texto que coloquei por: btn1._x vai aparecer a coordenada x do botão 1 neste caso não tem aspas.*/

trace("Puxa vida você clicou no botão e mudou a cordo do fundo");

//Troca a cor do mc fundo as propriedades é o mesmo esquema pode alterar para ir entendendo.

_root.fundo.colorTo(0xFF0066,1,"linear",0);

};

//Ações do botão 3

btn3.onRelease = function() {

//Faz os botões “andarem” até a posição indicada.

_root.btn1.tween("_x",169,1,"linear",0);

_root.btn2.tween("_x",89,1,"linear",0);

_root.btn3.tween("_x",275,1,"linear",0);

_root.btn1.tween("_y",58,1,"linear",0);

_root.btn2.tween("_y",147,1,"linear",0);

_root.btn3.tween("_y",147,1,"linear",0);

};

Agora você me pergunta:

“Tiu Thelon porque quando o btn ta invisível ele continua dano pra clicar ?!”

E eu te respondo

“Puxa vida é verdade.”

Resolver isso é simples:

Coloque o seguinte código antes do btn2._alpha = 0;

//Isso vai fazer com que o botão fique desabilitado se for igual a false e habilitado se for igual a true

btn2.enabled = false;

btn3.enabled = false;

Ta legal e agora como habilitamos ele de novo ?!

Mesma coisa só que em outro lugar :P

Dentro das ações do btn1 coloque:

btn2.enabled = true;

btn3.enabled = true;

Pode ser em qualquer lugar la dentro desde que seja depois do { e antes do }

É isso :D

Espero que vocês tenham aprendido algo.

Obrigado a todos que leram.

Bjundas e abracetas.