|
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.
|