Berikut ini anda akan mencoba penerapan Event pada MovieClip tombol.

Lihat
contoh pada Gambar di bawah ini.

1. Buat objek seperti gambar dibawah ini.

Gambar 5.36 dokumen event

2. Tekan Ctrl+3 untuk memperbesar tampilan objek dan tombol.
3. Pilih objek kotak warna merah lalu tekan F8 untuk membuat symbol.
Beri nama kotak_mc lalu pilih Type: Movie Clip dan pilih
registration bagian tengah. Setelah selesai klik OK.
4. Buka Properties panel lalu beri nama instance kotak_mc, seperti
gambar dibawah ini.

Gambar 5.37 memberi nama instance movie clip kotak

5. Berikutnya pilih objek tombol alpha 50% lalu ubah menjadi symbol
Button dengan nama alpha_btn. Setelah selesai klik OK.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 19

 Gambar 5.38 membuat symbol button alpha 50%
6. Untuk objek tombol rotate 45% ubah menjadi symbol Button
dengan nama rotate_btn.

Gambar 5.39 membuat symbol button rotate 45%

7. Selanjutnya untuk objek tombol scale 75% ubah menjadi symbol
Button dengan nama scale_btn kemudian untuk objek tombol reset
ubah menjadi symbol Button dengan nama reset_btn.

Gambar 5.40 membuat symbol scale 75%

Gambar 5.41 membuat symbol reset

8. Setiap tombol beri nama instance alpha_btn, rotate_btn, Scale_btn
dan reset_btn.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 20

 Gambar 5.42 memberi nama instance tiap tombol.

9. Pilih layer action lalu tekan F9 untuk membuka Actions panel.

10. Pada Script pane ketik kode ActionScript berikut ini.

Gambar 5.43 kode ActionScript untuk membuat objek

transparan.

Baris 1, setelah nama instance tombol alpha_btn dilanjutkan dengan

addEventListener untuk mengidentifikasi MouseEvent. Mouse_UP artinya
ketika tombol di klik maka jalankan fungsi objekAlpha.
Baris 2, untum membuat function objekAlpha dengan pemicu
atau
event (evt:MouseEvent):void {.pastikan baris 2 ini diakhiri dengan tanda
kurung kurawal {untuk memulai mengelompokkan properties yang akan
dibuat pada baris 3.
Baris 3, setelah nama instance movie clip kotak_mc dilanjutkan
dengan
properties alpha=0.5; ActionScript ini digunakan untuk mengubah objek
kotak menjadi transfaran 50%. Pastikan baris 4 diakhiri dengan tanda
kurung kurawal } untuk menutup pengelompokan properties.
11. Simpan ulang dokumen dengan nama event_final di folder my document lalu
lakukan Test Movie . klik tombol alpha 50% untuk mengubah objek
kotak menjadi transparan.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 21

 Gambar 5.44 objek kotak berubah transfaran ketika tombol alpha 50%
diklik.
12. Tutup jendela Flash Player lalu berikutnya mulai dari baris 6,
tambahkan kode ActionScript berikut.

Gambar 5.45 kode ActionScript untuk merotasi objek.

Baris 6, setelah nama instance tombol rotate_btndilanjutkan dengan

addEventListener untuk mengidentifikasi MouseEvent. MOUSE_UP artinya
ketika tombol diklik maka jalankan fungsi objekRotate.
Baris 7, untum membuat function objekRotate dengan pemicu atau
event (evt:MouseEvent): void {.
Baris 8, setelah nama instance movie clip kotak_mcdilanjutkan dengan
properties rotation =45;. ActionScript ini digunakan untuk merotasi objek
kotak 45°. Terahir dibaris 9 akhiri dengan tanda kurung korawal.
13. Lakukan Test Movie lalu klik tombol Rotate 45°. Untuk merotasi objek kotak
45°.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 22

 Gambar 5.46 objek kotak dirotasi 45° ketika tombol rotate 45° diklik.
14. Tutup jendela flash player lalu mulai dari baris 11, tambahkan kode
ActionScript seperti gambar di bawah ini.

Gambar 5.47 Kode ActionScript untuk mengubah skala objek. Baris

setelah nama instance tombol scale_btn dilanjutkan dengan
AddEventListener untuk mengidentifikasi MouseEvent. MOUSE_UP artinya
ketika tombol diklik maka jalankan fungsi objekScale.
15. Lakukan Test Movielalu klik tombolscale 75%untuk mengubah skala objek
mennjadi 75%

Gambar 5.48 objek berubah skala menjadi 75% ketika tombol scale 75%
diklik.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 23

 16. Tutup jendela Flash Player lalu mulai dari baris 17, tambahkan code
ActionScript seperti gambar dibawah ini.

Gambar 5.49 kode ActionScript untuk mengembalikan objek seperti

semula.

Baris 17, setelah nama instance tombol reset_btn dillanjutkan dengan

addEventListener untuk mengidentifikasi MouseEvent. MOUSE_UP artinya
ketika tombol diklik maka jalankan fungsi resetObjek.
Baris 18, untuk membuat function resetObjek dengan pemicu atau
event ( evt:MouseEvent ) :void {.
Baris 19, setelah nama instance movie clip kotak_mc lanjutkan
dengan properties scaleX= 1;l dan baris 20 gunakan properties scaleY=1;.
ActionScript ini digunakan untuk mengubah skala objek kembali seperti
semula 100%;
Baris 22, setelah nama instance Movie clip kotak_mc lanjutkan
dengan properties alpha= 1;. ActionScript ini digunakan untuk
menghilangkan transparan objek.
17. Jalankan aplikasi dengan menekan Ctrl+Enter.

Modul “Desain Media Interaktif” Sem. Genap – Zubaidi, S.T. 24