Beranda :: Basis Web :: Pemrograman Flash :: Animasi Shake Pada Movie/Button
AddThis Social Bookmark Button
Animasi Shake Pada Movie/Button PDF Cetak E-mail
Oleh Purbo Kusuma   
Senin, 19 Oktober 2009 21:26

Animasi ini bisa kita terapkan pada banner atau tombol pada website menggunakan Adobe Flash CS 3 dengan actionscript 3.

  • Buat file baru dengan pilihan actionscript 3 dan simpan dengan nama shakedbox.fla.
  • Ubah size menjadi 200 x 200 px dan Frame rate nya 32 fps pada dokument properties.
  • Import gambar pada stage dan sesuaikan dengan ukuran gambar, kemudian tekan F8 untuk menjadikan movie dengan nama box_mc.
  • Beri nama pada Instance name nya menjadi box_mc.

Buatlah layer baru, disini kita mulai menuliskan scriptnya :

var coordX:Number = box_mc.x;
var coordY:Number = box_mc.y;
var timer:Timer = new Timer(12);
box_mc.buttonMode = true;
box_mc.addEventListener(MouseEvent.ROLL_OVER,startShake);
box_mc.addEventListener(MouseEvent.ROLL_OUT,stopShake);
timer.addEventListener(TimerEvent.TIMER, shakeImage);

function startShake(e:MouseEvent):void{

timer.start ()

}

function stopShake(e:MouseEvent):void{

timer.stop();
box_mc.x = coordX;
box_mc.y = coordY;
box_mc.rotation = 0;

}

function shakeImage(event:Event):void{

box_mc.x = coordX+ getMinusOrPlus()*(Math.random()*7);
box_mc.y = coordY+ getMinusOrPlus()*(Math.random()*4);
box_mc.rotation = getMinusOrPlus()* Math.random()*6;

}

function getMinusOrPlus():int{

var rand : Number = Math.random()*3;
if (rand<1) return -1
else return 1;

}

Contoh SWF nya, coba letakkan mouse diatas gambar.