Página Inicial > ActionScript 3, Flash > Sistema de partículas

Sistema de partículas

Assunto:

Desenvolvendo uma aplicação simples de partículas.

ActionScript:

Versão 3.0

Instruções Adicionais:

  1. Crie um novo Arquivo Flash AS3
  2. Primeiramente vamos criar um pequeno círculo que posteriormente será nossa particula.
  3. Transforme o círculo em um Movie Clip (F8), de nome “Bola”.
  4. Exclua o Movie Clip “Bola” do palco, repare que agora ele está apenas na biblioteca (Ctrl + L).
  5. Salve o arquivo como “particulas.fla”.
  6. Agora vamos criar a classe externa que irá controlar as particulas. Crie um novo Arquivo Actionscript (File -> Actionscript File “.as”) e insira o código abaixo:
    1. Repare que ao criarmos a classe, dizemos que ela vai herdar tudo que a classe Movie Clip contiver (extends MovieClip). Com isso, podemos acessar propriedades e métodos contidos no Movie Clip e nossa classe Particulas será uma filha da classe Movie Clip.
    2. Tenha o cuidado para salvar o arquivo na mesma pasta que o arquivo “particulas.fla”, salve com o mesmo nome descrito na classe (fique atento para as letras maiusculas e minusculas, isto também infuencia), no caso, “Particulas.as”.
  7. Código da classe “Particulas.as”:

    1. package{
    2.  
    3. import flash.display.*;
    4.  
    5. public class Particulas extends MovieClip{
    6. // Variáveis
    7. public var velocidadeX:Number;
    8. public var velocidadeY:Number;
    9. public var rotacao:Number;
    10.  
    11. // Metódo contrutor, inicializador da classe
    12. public function Particulas(){
    13. velocidadeX = 0;
    14. velocidadeY = 0;
    15. rotacao = 0;
    16. }
    17.  
    18. // Função de atualizar as variáveis
    19. public function atualizador(){
    20. this.x+=velocidadeX;
    21. this.y+=velocidadeY;
    22. this.rotation+=rotacao;
    23. }
    24. }
    25. }

    Continuação das Instruções Adicionais:

  8. Abra o arquivo “particulas.fla”.
  9. Depois precisamos que o Movie Clip “Bola” é do tipo Particulas, para isso, abra a biblioteca pressionando <Ctrl+L> e clique com o botão direito do mouse sobre o Movie Clip “Bola”, selecione “Propriedades”. No painel das propriedades do símbolo deixe como na figura abaixo (clique na imagem para ampliar).
  10. Particulas

  11. Assim, toda as vezes que instanciarmos um Movie Clip do tipo bola ele já trará todas as funções e métodos da classe “Particulas.as”.
  12. Após isso, apenas nos resta colocar o código para criar estas partículas e aplicar as funções presentes na classe. Segue abaixo o código.

Código AS3:

  1. import Particulas;
  2.  
  3. // Variaveis
  4. var pTotal:int=1000; //Total de partículas
  5. var aParticulas:Array=[];
  6.  
  7. // Registro de Eventos
  8. stage.addEventListener(Event.ENTER_FRAME, _anima);
  9.  
  10. //Funções
  11. function _anima(e:Event):void {
  12.  
  13. if (aParticulas.length<pTotal) {
  14. var bola_mc:Bola = new Bola();
  15. addChild(bola_mc);
  16. bola_mc.velocidadeX=Math.random()*10-5;
  17. bola_mc.velocidadeY=Math.random()*10-5;
  18. bola_mc.rotacao=Math.random()*90-10;
  19. bola_mc.x=stage.stageWidth/2;
  20. bola_mc.y=stage.stageHeight/2;
  21. aParticulas.push(bola_mc);
  22. }
  23.  
  24. for (var i:int = 0; i<aParticulas.length; i++) {
  25. aParticulas[i].atualizador();
  26. }
  27. }

DOWNLOAD:

Sistema de Partículas (56)

  1. Nenhum comentário ainda.
  1. Nenhum trackback ainda.