Jump to content
Fórum Script Brasil
  • 0

Classe Tween


Thelon

Question

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.

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152k
    • Total Posts
      651.6k
×
×
  • Create New...