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 biggrin.gif
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 tongue.gif).
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 biggrin.gif
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 tongue.gif
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 biggrin.gif
Espero que vocês tenham aprendido algo.
Obrigado a todos que leram.
Bjundas e abracetas.

Você gostou? Comente no fórum!

Mais recentes em Flash

Banners randomicos
Por Thelon - Olá a todos aqui estou eu tentando criar mais um tutorial...
Introdução basica
Por Thelon - Olá pessoinhas. para quem não conhece o flash é muito...
Random
Por Thelon - Olá pessoal espero que esse tutorial seja útil a alguém...
Classe tween
Por Thelon - Olá senhores e senhoras. venho através deste humilde...
Hittest, básico
Por Thelon - Oi - vou fazer um tutorial breve sobre como limitar...

Ver mais Artigos de Flash.

Ver e retirar outras dúvidas no fórum Webly.

Alguns Direitos Reservados | RSS | O Fórum

Webly Portal e Fóruns - Internet + Humana | Design by ArthurHenrique.com