Design e programação criativa na web.

Posts tagged ‘actionscript 3.0 tutorial’

Drag and Drop – AS3

Exemplo de como fazer um “drag and Drop” em actionscript 3.

Código

//

mc1.addEventListener(MouseEvent.MOUSE_OVER,traceName);
mc1.addEventListener(MouseEvent.MOUSE_DOWN,arrastar);
mc1.addEventListener(MouseEvent.MOUSE_UP,parar);
mc1.addEventListener(MouseEvent.MOUSE_UP, colisao);

function traceName(event:MouseEvent):void {
trace(event.target.name);
useHandCursor = true;
buttonMode = true
}

function arrastar(evt:MouseEvent):void{
mc1.startDrag();
}
function parar(evt:MouseEvent):void{
mc1.stopDrag();
}

function colisao(evt:MouseEvent):void{
if(mc1.dropTarget){
texto.text = “Dentro”;
}else{
texto.text = “Fora”;
}
}
//

Ficheiro .fla
-> Download

Aprender actionscript 3.0

Depois de uma década  de actionscript 2.0 (AS2), chega o momento de virar as costas para este nosso amigo e dar as boas vindas ao actionscript 3.0 (AS3). Foi uma longa e bela viagem, mas quando é pelo melhor nenhum esforço é demasiado. Decidi então começar a aprender a mais recente versão do actionscript, o AS3. É verdade que muitas coisas mudaram mas muitas também ficaram basicamente iguais. Sendo assim resolvi finalmente experimentar.

De seguida mostro um simples exemplo de um MouseOver(MOUSE_OVER) com um onEnterFrame(ENTER_FRAME), um simples fade-in, fade-out num botão.

Exemplo:

Cliquem na imagem abaixo:


Código as3:

//

function alphaUp(evt:Event):void {
mc1.alpha+=.05;
if (mc1.alpha>.9) {
mc1.alpha=1;

}
}
function alphaOut(evt:Event):void {
mc1.alpha-=.05;
if (mc1.alpha<.1) {
mc1.alpha=0;

}
}

function OverButton(evt:MouseEvent):void {
mc1.removeEventListener(Event.ENTER_FRAME,alphaOut);
mc1.addEventListener(Event.ENTER_FRAME,alphaUp);
}
function OutButton(evt:MouseEvent):void {
mc1.removeEventListener(Event.ENTER_FRAME,alphaUp);
mc1.addEventListener(Event.ENTER_FRAME,alphaOut);
}

mc1.addEventListener(MouseEvent.MOUSE_OUT,OverButton);
mc1.addEventListener(MouseEvent.MOUSE_OVER,OutButton);


//

Esta foi a maneira com que consegui o resultado que queria, obviamente não sei se será a maneira mais facil ou correcta de a fazer. Se assim não for agradeço comentários. A vossa revisão do actionscript será incluida neste blog.

Espero que este seja o primeiro de muitos posts relaciondos com este tema.

Aqui fica o .fla.

Nuvem de etiquetas