Olá! Thursday, 24 de May de 2018.



Dicas CódigoFonte.net
Sunday, 07 de December de 2008

Partículas - Chuva [1 de 2]

A idéia é bem simples, criaremos um Movie Clip que será nosso pingo de chuva ( talvez você queira uma chuva de meteoros :O ), e iniciamos preenchendo pingos de chuva em toda a área da animação, em seguida definimos que todas as gotas irão pra baixo, e quando saírem da área, voltem a aparecer lá de cima. Parece complicado de entender lendo...

Clique para ver a imagem em seu tamanho real

Criemos então a gota, a minha foi só uma linha branca com 10 px de altura, e transformemos-a em um Movie Clip. Ainda na janela de conversão, clique no botão Advanced, pra ver as opções de linkage, caso esteja exibindo só o básico. Dê um nome de símbolo(pra Biblioteca) e deixe marcadas as caixas de Export for ActionScript e Export in first frame, depois dê um nome de idenficação (Identifier) e Ok. Isso é pra que consigamos replicar e multiplicar esse Movie Clip em tempo de execução. O Identifier é o nome qual iremos nos referir quando quisermos "materializar" cópias desse Movie Clip durante a codificação.

Depois disso você pode até apagar a gota que criou, o que importa é que ela foi pra biblioteca e agora é exportável.

Segue o código a ser colocado no 1º frame (de preferência o único):

  1. var boundTop = 0-10;
  2. var boundLeft = 0-10;
  3. var boundRight = Stage.width+10;
  4. var boundBottom = Stage.height+10;
  5.  
  6. var particleUnits = 100;
  7. var particleSpeed = 5;
  8.  
  9. var particleRotation = 95;
  10. var particleAngleRad = Math.PI / 180 * particleRotation;
  11. var particleSpeedX = Math.cos( particleAngleRad ) * particleSpeed;
  12. var particleSpeedY = Math.sin( particleAngleRad ) * particleSpeed;
  13.  
  14. var conteiner = _root.createEmptyMovieClip('conteiner_mc',1);
  15.  
  16. for(var i = 0; i <= particleUnits ; i++)
  17. {
  18.     conteiner.attachMovie('mc_particle', 'particle_mc' + i, i);
  19.     conteiner['particle_mc' + i]._x = Math.round(Math.random() * boundRight);
  20.     conteiner['particle_mc' + i]._y = Math.round(Math.random() * boundBottom);
  21.     conteiner['particle_mc' + i]._rotation = particleRotation - 90;
  22.    
  23.     conteiner['particle_mc' + i].onEnterFrame = function()
  24.     {           
  25.         this._x += particleSpeedX;
  26.         this._y += particleSpeedY;
  27.        
  28.         if(this._x < boundLeft){this._x = boundRight;}
  29.         if(this._y < boundTop){this._y = boundBottom;}
  30.         if(this._x > boundRight){this._x = boundLeft;}
  31.         if(this._y > boundBottom){this._y = boundTop;}
  32.     }   
  33. }

Na segunda parte seguem as explicações gota a gora desse código.

Até lá.


Comentários do artigo [Novo comentário]

marcio carvalho souza - 27 de October de 2009 - 10:59
boa
Joaquim - 04 de June de 2010 - 12:19
tudo bem?
FILARMÔNICA DE BAIXA GRANDE - 23 de January de 2011 - 11:58
Temos enfrentado dificuldades para continuarmos o Projeto da Filarmônica aqui em Baixa Grande-Ba, más, não desistiremos ate que vejamos este sonho concretizado.
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010