Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

GabrielFerrari

Classe Tween da Laco

Recommended Posts

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: CLICK AQUI !!!!

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Legal Thelon, muito bem explicado o tutorial, deve ter dado trabalho formatar o código deixando azul as keywors :D ,

mas ficou show mesmo, valew

 

 

 

[]´s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Oi Thelon, tudo bem.

Observei que você usa um documento em AS2, e ensina alguns recursos diferente do seu blog (AS3).

Fiquei muito interessada, estou começando. A classe Tween eu já conhecia, mas essa da laco nem de nome.

 

É possível um tutorial bala como esse para AS3?

Nem precisa tanto style, simplinho já tá de bom tamanho.

 

Abraços

Compartilhar este post


Link para o post
Compartilhar em outros sites

Elektra meu blog não tem nada de AS.

E infelizmente eu não sei utilizar AS3. Parei de estudar flash a um bom tempo já.

 

De uma olhada nesse blog você vai encontrar bastante tutoriais sobre essas classe

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.