Design Tool
Gostaria de reagir a esta mensagem? Crie uma conta em poucos cliques ou inicie sessão para continuar.



 
InícioÚltimas imagensRegistarBlog DesignToolEntrar

 

[AS 3.0] Linhas crescentes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo 
Autor Mensagem
Amendobobo
Admin
Admin
Amendobobo

Número de Mensagens : 209
Idade : 30
Pontos : 23
Reputação : 2
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime22/12/2008, 12:20



1. Abra um novo documento, as=3.0 com 300x300 px de tamanho
2. aperte f9 pra ir a aba de scripts e coloque o seguinte código(comentarios nos "//"s
Código:
//criamos um timer pra criar uma nova linha a cada segundo
var timer:Timer = new Timer(1000, 0);
timer.start();
timer.addEventListener(TimerEvent.TIMER, createNewLine);

//esta funcao cria uma linha
function createNewLine(e:Event):void {

   //cria o movie clip no qual a linha vai estar
   var holder:MovieClip = new MovieClip();

   //velocidade com que a linha vai subir
   holder.speedY= Math.random() * 4 + 2;

   //frequencia da linha(numero de vezes que vai vibrar por segundo)
   holder.speedAngle = Math.random() - 0.5;

   //o quanto, em px que a linha vai vibrar
   holder.range = Math.random() * 50;

   //uma velocidade aleatoria pra diminuir a vibração
   holder.rangeSpeed = Math.random();

   //gera uma largura inicial aleatoria pras linhas
   holder.lineWidth = Math.random() * 20 + 10;

   //angulo inicial das linhas
   holder.angle = 0;

   //posição inicial da linha(sempre começa no final do stage)
   holder.xpos = Math.random() * stage.stageWidth;
   holder.ypos = 300;

   //salva a posição inicial x
   holder.centerX = holder.xpos;

   // acesso ao color transform
   var colorInfo:ColorTransform = holder.transform.colorTransform;

   // cor aleatória
   colorInfo.color = 0xffffff * Math.random();

   //poe a cor aleatoria na linha
   holder.transform.colorTransform = colorInfo;

   //move usando os holder's
   //posição inicial
   holder.graphics.moveTo(holder.xpos, holder.ypos);

   //Adiciona uma ENTER_FRAME pra animar o movimento
   holder.addEventListener(Event.ENTER_FRAME, animateLine);

   //adiciona um holder pro stage
   addChild(holder);

}

//esta funçao é chamada em cada frame
function animateLine(e:Event):void {

   //pega o holder do evento
   var holder:MovieClip = e.target as MovieClip;

   //diminui a largura da linha
   holder.lineWidth -= 0.2;

   //faz o linestyle bater com a largura da linha
   holder.graphics.lineStyle(holder.lineWidth, 0xffffff);
   
   //faz a linha e faz ela subir
   holder.ypos -= holder.speedY;
      
   //diminui o range
   holder.range -= holder.rangeSpeed;
   
   //calcula o novo x baseado na range
   holder.xpos = holder.centerX + Math.sin(holder.angle) * holder.range;
   
   //atualiza o angulo
   holder.angle += holder.speedAngle;
   
   //finalmente, desenha a linha
   holder.graphics.lineTo(holder.xpos, holder.ypos);

   //mas ela não se anima sem mais isso
   if (holder.lineWidth < 1) {
      holder.removeEventListener(Event.ENTER_FRAME, animateLine);
      holder.addEventListener(Event.ENTER_FRAME, fadeAway);
   }
}

//função pra fazer a linha dar um fade away(diminuir o alpha[opacidade])
function fadeAway(e:Event):void {
   var holder:MovieClip = e.target as MovieClip;
   
   holder.alpha -= 0.02;
   
   //remover a linha se o alpha chegar a 0
   if(holder.alpha < 0) {
      holder.removeEventListener(Event.ENTER_FRAME, fadeAway);
      removeChild(holder);
   }
}


creditos http://flashmymind.com/
Ir para o topo Ir para baixo
http://designtool.site90.com/

Teliminator
Admin
Admin
Teliminator

Número de Mensagens : 293
Idade : 30
Localização : Hemisfério Sul
Pontos : 25
Reputação : 4
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime1/3/2009, 19:50

Cool =D

Simples, mas legal pra quem ta começando no flash e ja quer fazer algo dinâmico ^^
Ir para o topo Ir para baixo
https://designtool.forumeiros.com

Amendobobo
Admin
Admin
Amendobobo

Número de Mensagens : 209
Idade : 30
Pontos : 23
Reputação : 2
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime1/3/2009, 21:17

o problema é que de pessoal que usa o flash no forum é só eu e tu eu acho

senão eu escrevia vários tutus de flash
Ir para o topo Ir para baixo
http://designtool.site90.com/

Teliminator
Admin
Admin
Teliminator

Número de Mensagens : 293
Idade : 30
Localização : Hemisfério Sul
Pontos : 25
Reputação : 4
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime1/3/2009, 22:39

Amendobobo escreveu:
o problema é que de pessoal que usa o flash no forum é só eu e tu eu acho

senão eu escrevia vários tutus de flash

Mas é o conteúdo que atrai mais gente ;D

Eu soh começei a fuçar com flash pq a luiza- apareceu com as signs dela por lá =P
Ir para o topo Ir para baixo
https://designtool.forumeiros.com

Mr Bil
Sub Admin


Número de Mensagens : 102
Idade : 29
Localização : Mechendo no seu Warning e fechando seus tópicos idiotas, seu flooder n00b.
Pontos : 9
Reputação : 7
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 17:46

Eu não consigui direito...

Depois me explica? Very Happy

(eu ainda não sei FL... só uns primeiros contatos com o programa)

Acho que meu erro foi nos scripts
Ir para o topo Ir para baixo

Amendobobo
Admin
Admin
Amendobobo

Número de Mensagens : 209
Idade : 30
Pontos : 23
Reputação : 2
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 18:32

hehe

é só dar crtl c, v

tem que ser Flash Cs3 ou 4 e selecionar AS 3.0
Ir para o topo Ir para baixo
http://designtool.site90.com/

Mr Bil
Sub Admin


Número de Mensagens : 102
Idade : 29
Localização : Mechendo no seu Warning e fechando seus tópicos idiotas, seu flooder n00b.
Pontos : 9
Reputação : 7
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 18:59

Eu entendi essa parte do copiar e colar, tenho CS3 e foi no ActionScrip 3.0 xD

Só não deu em nada (eu acho)

Como faz para por o script no "play'?
Ir para o topo Ir para baixo

Teliminator
Admin
Admin
Teliminator

Número de Mensagens : 293
Idade : 30
Localização : Hemisfério Sul
Pontos : 25
Reputação : 4
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 19:07

Mr Bil escreveu:
Eu entendi essa parte do copiar e colar, tenho CS3 e foi no ActionScrip 3.0 xD

Só não deu em nada (eu acho)

Como faz para por o script no "play'?

Não lembro aonde no menu de cima > Test/preview/qualquercoisa movie ^^
Ir para o topo Ir para baixo
https://designtool.forumeiros.com

Mr Bil
Sub Admin


Número de Mensagens : 102
Idade : 29
Localização : Mechendo no seu Warning e fechando seus tópicos idiotas, seu flooder n00b.
Pontos : 9
Reputação : 7
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 19:27

Hmmm

Só mais uma coisa: é pra apagar os comentários ( // ) né ?

OBS: amendo não meche no meu warning porque eu num mecho com o seu xD
Ir para o topo Ir para baixo

Mr Bil
Sub Admin


Número de Mensagens : 102
Idade : 29
Localização : Mechendo no seu Warning e fechando seus tópicos idiotas, seu flooder n00b.
Pontos : 9
Reputação : 7
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 19:31

Yesssssss consegui!

É só apertar Ctrl Enter pra testar o Movie!

E nem precisou apagar os coments xD
Ir para o topo Ir para baixo

Amendobobo
Admin
Admin
Amendobobo

Número de Mensagens : 209
Idade : 30
Pontos : 23
Reputação : 2
Data de inscrição : 17/12/2008

[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime2/3/2009, 21:55

não precisa apagar

eu fiz assim porque com // o flash ignora
Ir para o topo Ir para baixo
http://designtool.site90.com/

Conteúdo patrocinado




[AS 3.0] Linhas crescentes Vide
MensagemAssunto: Re: [AS 3.0] Linhas crescentes   [AS 3.0] Linhas crescentes I_icon_minitime

Ir para o topo Ir para baixo

[AS 3.0] Linhas crescentes

Ver o tópico anterior Ver o tópico seguinte Ir para o topo 
Página 1 de 1

Permissões neste sub-fórum Não podes responder a tópicos
Design Tool :: Tutoriais :: Tutoriais Flash -