Nel precedente tutorial abbiamo visto come creare una animazione con ActionScript 3 usando la Tween Class.
Invece in questo tutorial vedremo come trascinare oggetti con Easing senza la Tween Class usando ActionScript 3.0.
Presenteremo in questo esempio un modo semplice per creare una risposta morbida al trascinamento dell'oggetto con il mouse da parte dell'utente.
Useremo il metodo del drag&drop ma possiamo usare qualsiasi altro comando del mouse.
Aprite Flash/AS3 e disegnate un oggetto con nome istanza "ball" e inserite il codice sottostante:


var responsiveness:Number;
var mouseXClamped:Number;
var mouseYClamped:Number;

init();

function init():void {

responsiveness = 0.25;

ball.x = 250;
ball.y = 135;

ball.addEventListener(MouseEvent.MOUSE_DOWN, dragStart);

}

function dragStart(evt:MouseEvent):void {

ball.removeEventListener(MouseEvent.MOUSE_DOWN, dragStart);
stage.addEventListener(MouseEvent.MOUSE_UP, dragStop);
this.addEventListener(Event.ENTER_FRAME, onEnter);
}

function dragStop(evt:MouseEvent):void {
ball.addEventListener(MouseEvent.MOUSE_DOWN, dragStart);
stage.removeEventListener(MouseEvent.MOUSE_UP, dragStop);
this.removeEventListener(Event.ENTER_FRAME, onEnter);
}

function onEnter(evt:Event):void {
mouseXClamped = this.mouseX;
if (mouseXClamped > 450) {
mouseXClamped = 450;
}
else if (mouseXClamped < 50) {
mouseXClamped = 50;
}

mouseYClamped = this.mouseY;
if (mouseYClamped > 350) {
mouseYClamped = 350;
}
else if (mouseYClamped < 110) {
mouseYClamped = 110;
}


ball.x += responsiveness*(mouseXClamped - ball.x);
ball.y += responsiveness*(mouseYClamped - ball.y);
}

Alla fine proviamo il filmato, cliccando: Controllo > Prova filmato
Buon lavoro...


Articoli correlati per categorie




 Abbonati gratis a questo blog      

0 commenti

Posta un commento