buëno

Bem-vindo(a) ao meu mundo.

julho 12th, 2010

Assunto:

Rotacionar um movieclip a partir do local de clique.

ActionScript:

Versão 2.0

Instruções Adicionais:

  1. Crie um novo Arquivo Flash AS2.
  2. Crie um objeto e converta-o em movieclip.
  3. Instancie-o com o nome desejado.
  4. Crie uma nova layer com o nome action e cole o código do AS2, lembrando de mudar a instância do movieclip no código (“transferidor”).
  5. Pronto, Ctrl+Enter.

Código AS2:

   
  1. transferidor.onPress = function() {
  2. // Captura o ângulo do local onde foi efetuado o clique do mouse
  3. this.anginicial = this._rotation-Math.atan2(_ymouse-this._y, _xmouse-this._x)*180/Math.PI;
  4. // Ao movimentar o mouse com o botão pressionado no movieclip é capturado a nova posição de rotação e assim aplicado ao movieclip
  5. this.onMouseMove = function():Void {
  6. this._rotation = Math.atan2(_ymouse-this._y, _xmouse-this._x)*180/Math.PI+this.anginicial;
  7. };
  8. };
  9. transferidor.onRelease = transferidor.onReleaseOutside=function () {
  10. // Ao soltar o movieclip, o evento onMouseMove é deletado
  11. delete this.onMouseMove;
  12. };

Download:

Arquivo fonte (8)

julho 6th, 2010

Assunto:

Utilizando a propriedade prototype para criar efeitos básicos como: fade in, fade out e mover na coordenada X e Y.

ActionScript:

Versão 2.0

Instruções Adicionais:

  1. Crie um novo Arquivo Flash AS2.
  2. Crie um objeto onde será aplicado os efeitos e converta-o em movieclip.
  3. Instancie-o como meumc.
  4. Crie uma nova layer com o nome action e cole o código actionscript.
  5. Pronto, Ctrl+Enter.

Código:

// Propriedade fade
// Parâmetros/Variáveis: t (tempo de duração) e a (intensidade do alpha)
MovieClip.prototype.fade = function (t, a)
{
this.tweenFade.stop();
delete this.tweenFade;
this.listenerFade = new Object();
this.listenerFade.ownerFade = this;
this.listenerFade.onMotionFinished = function ()
{
if (this.ownerFade._alpha == 0)
{
this.ownerFade._visible = false;
} // end if
false;
};
this._visible = true;
DispatchTweens();
this.tweenFade = new mx.transitions.Tween(this, "_alpha", mx.transitions.easing.Strong.easeIn, this._alpha, a, t, true);
this.tweenFade.addListener(this.listenerFade);
};
// Propriedade moveX: move o objeto na coordenada X
// Parâmetros/Variáveis: t (tempo de duração) e pos (posição final do objeto)
MovieClip.prototype.moveX = function (t, pos)
{
this.tweenMoveX.stop();
delete this.tweenMoveX;
DispatchTweens();
this.tweenMoveX = new mx.transitions.Tween(this, "_x", mx.transitions.easing.Strong.easeOut, this._x, pos, t, true);
};
// Propriedade moveY: move o objeto na coordenada Y
// Parâmetros/Variáveis: t (tempo de duração) e pos (posição final do objeto)
MovieClip.prototype.moveY = function (t, pos)
{
this.tweenMoveY.stop();
delete this.tweenMoveY;
DispatchTweens();
this.tweenMoveY = new mx.transitions.Tween(this, "_y", mx.transitions.easing.Elastic.easeOut, this._y, pos, t, true);
};
meumc._alpha = 0;
meumc.fade(0.5,100);
meumc.moveX(1,Stage.width/2);
meumc.moveY(1,Stage.height/2);

DOWNLOAD:

Arquivo fonte (5)
julho 6th, 2010

Assunto:

Efetuando clique duplo.

ActionScript:

Versão 3.0

Instruções Adicionais:

  1. Crie um novo Arquivo Flash AS3
  2. Crie um objeto e converta-o em movieclip.
  3. Instancie-o como meubt.
  4. Crie uma nova layer com o nome action e cole o código do AS3.
  5. Pronto, Ctrl+Enter.

Código AS3:

function DOUBLE_CLICK(event:MouseEvent):void {
 trace("CLICOU DUAS VEZES");
}
 
// É necessário ativar o DoubleClick
meubt.doubleClickEnabled = true;
 
meubt.addEventListener(MouseEvent.DOUBLE_CLICK, DOUBLE_CLICK);

julho 6th, 2010


Patricia Paiva | Arte em biscuit
Fone: (18) 9719-8710
Rua Manuel Pires, 11 – Bilac/SP

Clique na imagem para ampliar.

julho 6th, 2010


DAKAZA

DAKAZA
Comidas Caseiras – Lanches – Porções – Marmitex
Disk Entrega: (18) 3659-1889 / 9751-0571
Rua Iva Carvinatti Orsatti, 24 – Bilac/SP

Clique na imagem para ampliar.

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)
outubro 23rd, 2009

Assunto:

Centralizando movieclips atacados da biblioteca no Stage.

ActionScript:

Versão 2.0

Instruções Adicionais:

1. Inicie um novo arquivo.

2. Crie um quadrado e converta-o em movieclip.

3. Instancie-o na biblioteca como posicao.

4. Nomeie a primeira layer como action.

5. Precione F9 para acessar o console de actions e cole o código abaixo.

6. Pronto, Ctrl+Enter.

Código:

var palavra = "BUENO";
 
var posInicial = 0;
var comprimento = 0;
var distancia = 10;
 
for (i=1; i<=palavra.length; i++) {
 attachMovie("posicao","mcPosicao"+i,i);
 comprimento += _root["mcPosicao"+i]._width+distancia;
}
 
posInicial = (Stage.width-comprimento)/2;
 
for (j=1; j<=palavra.length; j++) {
 _root["mcPosicao"+j]._x = j*(_root["mcPosicao"+j]._width+distancia)+(posInicial-(_root["mcPosicao"+j]._width/2)-5);
 _root["mcPosicao"+j]._y = Stage.height/2;
}

DOWNLOAD:

Arquivo fonte (67)
outubro 14th, 2009

Assunto:

Limitando o campo de entrada de texto.

ActionScript:

Versão 2.0

Instruções Adicionais:

1. Inicie um novo arquivo.

2. Crie um campo dinâmico no Stage e instancie-o com o nome desejado.

3. Redimencione este campo para o tamanho desejado e aplique as formatações de texto.

4. Crie uma nova layer e nomei-a como action.

5. Precione F9 para acessar o console de actions e cole o código abaixo substituindo o nome_do_campo.

6. Pronto, Ctrl+Enter.

Código:

// Ouvinte que é executado a cada notifição efetuada no campo em questão
nome_do_campo.onChanged = function() {
 // Efetua uma conferência, que quando a rolagem do texto for maior do que 1 ele removerá o último carácter digitado
 while (this.maxscroll>1) {
  this.text = this.text.substr(0, this.text.length-1);
 }
};
outubro 14th, 2009

Assunto:

Metódo para criar gráficos dinâmicos utilizando dados obtidos de um XML.

ActionScript:

Versão 2.0

Código AS:

#include "mc_tween2.as"
import mx.effects.Tween;
 
corpo0._alpha = 0;
 
System.useCodepage = true;
var graf_xml:XML = new XML();
graf_xml.ignoreWhite = true;
graf_xml.onLoad = function(ok:Boolean) {
 if (ok) {
  trace("Arquivo XML encontrado.");
  gerarGrafico(this.firstChild.childNodes);
 } else {
  trace("Arquivo XML não encontrado.");
 }
};
graf_xml.load("grafico.xml");
 
function gerarGrafico(xmlNode) {
 var len:Number = xmlNode.length;
 var total:Number = 0;
 var perc:Number = 0;
 for (i=1; i<len; i++) {
  this.corpo0.duplicateMovieClip("corpo"+i,getNextHighestDepth());
  this.texto0.duplicateMovieClip("texto"+i,getNextHighestDepth());
 }
 for (a=0; a<len; a++) {
  total += parseInt(xmlNode[a].childNodes[0].childNodes);
  this["corpo"+a].valor = parseInt(xmlNode[a].childNodes[0].childNodes);
  this["corpo"+a]._x = (this.corpo0._x)+(a*(this["corpo"+a]._width+20));
  this["corpo"+a]._alpha = 0;
  this["corpo"+a]._yscale = 0;
  this["corpo"+a].id = a;
  this["texto"+a]._x = this["corpo"+a]._x+(this["corpo"+a]._width/2)-(this["texto"+a]._width/2);
 }
 for (j=0; j<len; j++) {
  perc = Math.round((this["corpo"+j].valor*100)/total);
  this["corpo"+j].perc = perc;
  this["corpo"+j].alphaTo(100,0.3);
  this["corpo"+j].tween = new Tween(this["corpo"+j], 100, perc, 1500);
  this["corpo"+j].enabled = false;
  this["corpo"+j].onTweenUpdate = function(p) {
   _root["texto"+this.id].s_txt.text = this.perc+"%";
   if (this.perc<0) {
    _root["texto"+this.id]._y = this._y+this._height+_root["texto"+this.id]._height;
   } else {
    _root["texto"+this.id]._y = this._y-this._height;
   }
   this._yscale = p;
  };
  this["corpo"+j].onTweenEnd = function(p) {
   this.onTweenUpdate(p);
   this.enabled = true;
  };
 
  this["corpo"+j]._color = new Color(this["corpo"+j]);
 
  this["corpo"+j].onRollOver = function() {
   this._color.setTransform({rb:204, gb:0, bb:0});
   this.onRelease = function() {
    titulo_txt.text = xmlNode[this.id].childNodes[1].childNodes;
    valor_txt.text = "QTDE: "+xmlNode[this.id].childNodes[0].childNodes+" - PORCENTAGEM: "+this._yscale+"%";
    desc_txt.text = xmlNode[this.id].childNodes[2].childNodes;
   };
  };
  this["corpo"+j].onRollOut = this["corpo"+j].onReleaseOutside=function () {
   this._color.setTransform({rb:0, gb:0, bb:0});
   info_txt.removeTextField();
  };
  this["corpo"+j].tween.easingEquation = mx.transitions.easing.Elastic.easeOut;
 }
}

Código XML:

<?xml version="1.0" encoding="utf-8"?>
<grafico>
 <dado>
  <valor>235</valor>
  <titulo>TITULO1</titulo>
  <desc>DESCRICAO1</desc>
 </dado>
 <dado>
  <valor>150</valor>
  <titulo>TITULO2</titulo>
  <desc>DESCRICAO2</desc>
 </dado>
 <dado>
  <valor>183</valor>
  <titulo>TITULO3</titulo>
  <desc>DESCRICAO3</desc>
 </dado>
</grafico>

DOWNLOAD:

Arquivo fonte (105)