buëno

Bem-vindo(a) ao meu mundo.

novembro 25th, 2009

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

    package{
     
     import flash.display.*;
     
     public class Particulas extends MovieClip{
     // Variáveis
     public var velocidadeX:Number;
     public var velocidadeY:Number;
     public var rotacao:Number;
     
     // Metódo contrutor, inicializador da classe
     public function Particulas(){
     velocidadeX = 0;
     velocidadeY = 0;
     rotacao = 0;
     }
     
     // Função de atualizar as variáveis
     public function atualizador(){
     this.x+=velocidadeX;
     this.y+=velocidadeY;
     this.rotation+=rotacao;
     }
     }
    }

    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:

import Particulas;
 
// Variaveis
var pTotal:int=1000; //Total de partículas
var aParticulas:Array=[];
 
// Registro de Eventos
stage.addEventListener(Event.ENTER_FRAME, _anima);
 
//Funções
function _anima(e:Event):void {
 
 if (aParticulas.length<pTotal) {
 var bola_mc:Bola = new Bola();
 addChild(bola_mc);
 bola_mc.velocidadeX=Math.random()*10-5;
 bola_mc.velocidadeY=Math.random()*10-5;
 bola_mc.rotacao=Math.random()*90-10;
 bola_mc.x=stage.stageWidth/2;
 bola_mc.y=stage.stageHeight/2;
 aParticulas.push(bola_mc);
 }
 
 for (var i:int = 0; i<aParticulas.length; i++) {
 aParticulas[i].atualizador();
 }
}

DOWNLOAD:

Sistema de Partículas (137)

outubro 23rd, 2009

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:

onClipEvent(load){
 Mouse.hide();
}
onClipEvent(enterFrame){
 _x = _root._xmouse;
 _y = _root._ymouse;
 _rotation = _root._xmouse/Stage.width*100;
}

Código AS3:

import flash.display.Stage;
import flash.ui.Mouse;
import flash.events.*;
 
Mouse.hide();
 
// criando o event listener
addEventListener(Event.ENTER_FRAME, fncOnEnterFrame);
function fncOnEnterFrame(evt:Event):void {
 cursor.x= mouseX;
 cursor.y= mouseY;
 cursor.rotation = mouseX/stage.stageWidth*100;
}

DOWNLOAD:

Arquivos Fonte (82)
agosto 13th, 2009

Assunto:

Efeito FadeIn e FadeOut da classe TransitionManager.

ActionScript:

Versão 3.0

Código:

Código   
import fl.transitions.*;
import fl.transitions.easing.*;
var clique:Number=0;
 
var bt:MovieClip = new MovieClip();
bt.graphics.beginFill(0x000000);
bt.graphics.drawRect(-25, -25, 50, 50);
bt.graphics.endFill();
bt.x=stage.stageWidth/2;
bt.y=stage.stageHeight/2;
addChild(bt);
 
var mc:MovieClip = new MovieClip();
mc.graphics.beginFill(0xFF0000);
mc.graphics.drawRect(-100, -100, 200, 200);
mc.graphics.endFill();
mc.x=stage.stageWidth/2;
mc.y=stage.stageHeight/2;
addChild(mc);
 
bt.addEventListener(MouseEvent.CLICK, mouseOverBox);
function mouseOverBox(event:MouseEvent):void {
    if (clique==0) {
        clique=1;
        TransitionManager.start(mc, {type:Fade, direction:Transition.OUT, duration:3, easing:Strong.easeOut});
    } else {
        clique=0;
        TransitionManager.start(mc, {type:Fade, direction:Transition.IN, duration:3, easing:Strong.easeOut});
    }
}

agosto 13th, 2009

Dicas e informações sobre a migração de AS2 para AS3.

AS2 to AS3

SITES:
Adobe Flash CS4 Professional
ActionScript 3.0 e Componentes
Programação do Adobe ActionScript 3.0 para Adobe Flash
Tips for learning ActionScript 3.0
Getting Started with ActionScript 3.0 in Adobe Flash CS3
Learning ActionScript 3.0
ActionScript 3.0: Is It Hard or Not?
Flash CS3 – Migrando para o ActionScript 3
gotoandlearn.com – Free video tutorials by Lee Brimelow on the Flash Platform
Converter código AS2 para AS3

DOWNLOAD:
AS3 Migration
Adobe Flash AS3 Programando