Membuat Efek Ledakan Sederhana (ActionScript 2.0)

Cari Blog Ini

Memuat...

Minggu, 03 Oktober 2010

Tutorial kali ini akan membahas tentang membuat animasi ledakan sederhana ketika mouse diklik.
1.      1.  Buatlah document flash baru, 550 x 400 pixels, 20 fps.
2.      2. Buatlah sebuah kotak kecil manggunakan rectangle tool.
3.      3. Seleksi kotak tersebut, lalu tekan F8. Masukkan “ledakan”(tanpa tanda petik) sebagai name dan movieclip sebagai type.



4.     4.  Klik dua kali pada movieclip ledakan utuk mengeditnya.
5.      5.Klik frame 10 layer 1,lalu tekan F7(insert blank keyframe).
6.     6.  Buatlah kotak -kotak yang lebih kecil daripada kotak yang ada pada frame 1 dengan jumlah yang banyak dan menyebar (jika ingin lebih menarik, Anda bisa merubah warna masing masing kotak sesuai selera Anda).


Gambar 1.1 [kotak pada frame 1 movieclip ledakan]


Gambar 1.2 [kotak pada frame 10 movieclip ledakan]

7.       Klik frame 11 layer 1,lalu tekan F7.
8.       Klik frame antara frame 1 – 10, buka panel properties. Pada pilihan tween, pilih shape.


Gambar 1.3


Gambar 1.4

9.       Tekan Ctrl+E untuk kembali ke stage utama.
10.   Hapus movieclip ledakan dari stage.
11.   Buka panel library. Klik kanan movieclip ledakan, pilih linkage. Beri tanda centang pada pilihan Export for ActionScript. Masukkan “ledakan” sebagai identifier, tekan OK.
12.   Klik frame 1 layer 1, lalu tekan F8. Pada panel action, masukkan script :
kedalaman = 1;
i = 1;
onEnterFrame = function () {
     if (Key.isDown(1)) {
           //jika mouse ditekan
           kedalaman++;
           i++;
           attachMovie("ledakan", "ledakan"+i, kedalaman, {_x:_xmouse, _y:_ymouse});
           _root["ledakan"+i].onEnterFrame = function() {
                if (this._currentframe == 11) {
                     //menghapus movieclip ledakan
                     removeMovieClip(this);
                }
           };
     }
};
13.   Tekan Ctrl + Enter untuk test movie. Arahkan kursor mouse ke arah movie,lalu klik 1 kali maka akan terlihat ledakan kecil pada kursor mouse. Jika dilakukan berkali-kali, maka akan seperti gambar dibawah.


Gambar 1.5

1 komentar :

Poskan Komentar

Members