|
Oleh Purbo Kusuma
|
|
Senin, 19 Oktober 2009 16:53 |
|
Di postingan Pemprograman Flash pertama ini, kita akan membuat animasi blur sederhana menggunakan actionscript 2 pada Adobe Flash CS3. Kelebihan dari penggunaan Actionscript ini ukuran file akan menjadi semakin kecil dan itu baik sekali untuk animasi banner atau foto, di website. - Buatlah sebuah project baru dan simpan dengan nama animasi frame blur.fla
- Klik Dokument Properties dan ketik dimention 280 x 200 pixel. Dan ganti juga frame rate nya 99, ini untuk mengubah kecepatan animasi.
- Import sebuah gambar dengan ukuran 250 x 180 px. Otomatis gambar berada di Library, drag ke stage, lalu tekan F8 dan jadikan Movie, beri nama foto_mc, lalu Ok.
- Klik foto_mc pada stage dan beri nama instance name nya foto_mc sama seperti nama movie nya.
- Buatlah layer baru, disini kita akan mulai menulis script animasinya.
// sript ini untuk memanggil kegunaan filter pada Flash foto_mc.filters = [new flash.filters.GlowFilter()]; // script ini untuk menentukan pengulangan animasi kembali pada point 1 var dir:Number = 1; // point 1 dimulai disini foto_mc.blur = 7; // apabila blur di angka 30 animasi akan kembali blur 7 foto_mc.onEnterFrame = function() {
foto_mc.blur += dir; if ((foto_mc.blur >= 30) || (foto_mc.blur <= 7)) { dir *= -1; }
var filter_array:Array = foto_mc.filters; filter_array[0].blurX = foto_mc.blur; filter_array[0].blurY = foto_mc.blur; foto_mc.filters = filter_array; }; Sebagai contohnya silahkan lihat pada SWF di bawah ini :
|