Animasi bouncing balls dengan menggunakan ActionScript


Artikel kali ini, kita akan membuat animasi Bouncing balls. Caranya sebagai berikut:
1. Buat file ActionScript 3.0 baru dan simpan file dengan nama bouncing.fla pada direktori project.
2. Gambar lingkaran pada stage dengan diameter 50 pixels.
3. Gunakan Selection tool, pilih lingkaran dan convert ke symbol dengan memilih Modify > Convert to Symbol pada Main menu, atau tekan F8
4. Pada dialog box Convert to Symbol, beri nama symbol Ball. Atur registration point ke center. Cek Export for Actionscript cek box. Masukkan Ball pada field Class. Untuk kembali ke Advance mode, klik tombol Advanced untuk melihat semua pilihan.

2012-11-28 064156

5. Jika muncul Dialog box ActionScript Warning, klik tombol OK saja.
6. Yang perlu anda ketahui bahwa class Ball tidak ada, hal ini karena anda tidak membuat Class ball.
7. Simpan perubahan ke file flash anda.

Membuat Class Ball

1. Buat file ActionScript baru dan simpan dengan nama Ball.as pada directory project anda.
2. Masukkan kode berikut ini.

2012-11-28 065444

3. Simpan perubahan file ActionScript anda.
4. Kembali ke file bouncing.fla dan test movie anda.

Menambahkan lebih banyak bola

1. Kembali ke file bouncing.fla pada Flash CS3 dan simpan file dengan nama multibounce.fla
2. Hapus single of the Ball symbol dari stage. Anda akan membuat semua bola menggunakan ActionScript, jadi anda tidak memerlukan apapun pada stage untuk contoh kali ini.
3. Buat file ActionScript baru dan simpan file tersebut dengan nama MultiBounce.as pada direktori project.
4. Masukkan kode berikut.

2012-11-28 152214

5. Simpan MultiBounce.as.
6. Kembali ke file multibounce.fla.
7. Pada Property inspector, masukkan MultiBounce pada field Document class, seperti terlihat pada gambar berikut.

2012-11-28 221813

8. Simpan flash file anda.
9. Test movie anda. Stage yang tampil akan terlihat kosong. Klik stage, dan anda akan melihat 50 bola dengan warna-warna berbeda. Seperti yang terlihat pada gambar berikut.

2012-11-28 152802