Adicionar a Meu favorito

Sunday, 07 de December de 2008

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...

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):

var boundTop = 0-10; var boundLeft = 0-10; var boundRight = Stage.width+10; var boundBottom = Stage.height+10; var particleUnits = 100; var particleSpeed = 5; var particleRotation = 95; var particleAngleRad = Math.PI / 180 * particleRotation; var particleSpeedX = Math.cos( particleAngleRad ) * particleSpeed; var particleSpeedY = Math.sin( particleAngleRad ) * particleSpeed; var conteiner = _root.createEmptyMovieClip('conteiner_mc',1); for(var i = 0; i <= particleUnits ; i++) {     conteiner.attachMovie('mc_particle', 'particle_mc' + i, i);     conteiner['particle_mc' + i]._x = Math.round(Math.random() * boundRight);     conteiner['particle_mc' + i]._y = Math.round(Math.random() * boundBottom);     conteiner['particle_mc' + i]._rotation = particleRotation - 90;         conteiner['particle_mc' + i].onEnterFrame = function()     {                    this._x += particleSpeedX;         this._y += particleSpeedY;                 if(this._x < boundLeft){this._x = boundRight;}         if(this._y < boundTop){this._y = boundBottom;}         if(this._x > boundRight){this._x = boundLeft;}         if(this._y > boundBottom){this._y = boundTop;}     }    }

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

Até lá.

Outros artigos

Assine o Feed desta categoria

• Pre-loader real em AS 2 [2 de 2] - 07/12/2008
• Pre-loader real em AS 2 [1 de 2] - 02/12/2008
• Load Com barra e porcentagem no flash - 17/08/2008
• Loading com Barra de Porcentagem - 11/06/2007
• Ver mais...

Comentários do artigo [Novo comentário]