Arquivo

Archive for the ‘ActionScript 3’ Categoria

Sistema de partículas

25, novembro, 2009 BUENO Sem comentários

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)

Alterando o ponteiro do mouse com perspectiva

23, outubro, 2009 BUENO Sem comentários

Assunto:

Alterando o ponteiro do mouse com perspectiva.

ActionScript:

Versão 2.0 e 3.0

Instruções Adicionais:

1. Inicie um novo arquivo.

2. Crie um objeto que será o novo ponteiro do mouse e converta-o em movieclip.

3. Instancie-o como cursor.

4. Caso estiver trabalhando com actionscript 2, cópie e cole o código AS2 no movieclip cursor, se não, crie uma nova layer com o nome action e cole o código do AS3.

5. Pronto, Ctrl+Enter.

Código AS2:

  1. onClipEvent(load){
  2.  Mouse.hide();
  3. }
  4. onClipEvent(enterFrame){
  5.  _x = _root._xmouse;
  6.  _y = _root._ymouse;
  7.  _rotation = _root._xmouse/Stage.width*100;
  8. }

Código AS3:

  1. import flash.display.Stage;
  2. import flash.ui.Mouse;
  3. import flash.events.*;
  4.  
  5. Mouse.hide();
  6.  
  7. // criando o event listener
  8. addEventListener(Event.ENTER_FRAME, fncOnEnterFrame);
  9. function fncOnEnterFrame(evt:Event):void {
  10.  cursor.x= mouseX;
  11.  cursor.y= mouseY;
  12.  cursor.rotation = mouseX/stage.stageWidth*100;
  13. }

DOWNLOAD:

Arquivos Fonte (37)

FadeIn e FadeOut

13, agosto, 2009 BUENO Sem comentários

Assunto:

Efeito FadeIn e FadeOut da classe TransitionManager.

ActionScript:

Versão 3.0

Código:

  1. import fl.transitions.*;
  2. import fl.transitions.easing.*;
  3. var clique:Number=0;
  4.  
  5. var bt:MovieClip = new MovieClip();
  6. bt.graphics.beginFill(0x000000);
  7. bt.graphics.drawRect(-25, -25, 50, 50);
  8. bt.graphics.endFill();
  9. bt.x=stage.stageWidth/2;
  10. bt.y=stage.stageHeight/2;
  11. addChild(bt);
  12.  
  13. var mc:MovieClip = new MovieClip();
  14. mc.graphics.beginFill(0xFF0000);
  15. mc.graphics.drawRect(-100, -100, 200, 200);
  16. mc.graphics.endFill();
  17. mc.x=stage.stageWidth/2;
  18. mc.y=stage.stageHeight/2;
  19. addChild(mc);
  20.  
  21. bt.addEventListener(MouseEvent.CLICK, mouseOverBox);
  22. function mouseOverBox(event:MouseEvent):void {
  23.     if (clique==0) {
  24.         clique=1;
  25.         TransitionManager.start(mc, {type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});
  26.     } else {
  27.         clique=0;
  28.         TransitionManager.start(mc, {type:Fade, direction:Transition.IN, duration:3, easing:Strong.easeOut});
  29.     }
  30. }

Migração do ActionScript 2 para ActionScript 3

13, agosto, 2009 BUENO Sem comentários