Life is Learn: Animasi Pilihan Ganda

Animasi Pilihan Ganda

Kelebiha lain dalam menggunakan flash adalah dapat membuat pilihan ganda yang menarik. Cara membuat pilihan ganda di flash cukup rumit dan memerlukan ketelitian. Berikut langkahnya...

1. 1. Buatlah 5 buah Static Text dan masing-masing diberi tulisan berikut:

Tempat sarapan tutorial flash adalah …

a. Warung Makan

b. Warung Tegal

c. Warung Flash

d. Warung Pojok

3. Pastikan anda tidak menyeleksi satu objek pun di stage, lalu tekan Ctrl+F8 maka kotak dialog Create new Symbol akan muncul. Berikan invs_btn sebagai Name dan ubah Type-nya menjadi Button lalu tekan OK

4. Anda akan masuk ke stage invs_btn. Klik frame Hit yang terletak di Timeline lalu tekan F7. Gambarlah sebuah persegi panjang dengan panjang dan lebar yang cukup untuk menutupi jawaban abcd di atas.

5. Tekan Ctrl+E anda akan berada di Stage Scene 1. Buka Library dengan menekan Ctrl+L. Drag invs_btn di Library ke stage hingga jumlahnya 4 buah.

6. Tempatkan 4 buah invs_btn tadi ke masing-masing jawaban abcd. Buatlah titik Registration berada di tengah-tengah huruf abcd.

7. Klik 2 kali salah satu invs_btn di stage. Ubah letak persegi panjang sampai dapat menutupi jawaban seperti gambar di bawah ini :

8. Tekan Ctrl+E untuk kembali ke stage Scene 1. Berikan Instance Name berikut pada masing-masing invs_btn secara berurutan dari atas sampai ke bawah : tombol1a, tombol1b, tombol1c, tombol1d

9. Klik tombol1a lalu tekan F9 dan masukan script berikut :

10. Klik tombol1b lalu tekan F9 dan masukan script berikut :

10. Klik tombol1c lalu tekan F9 dan masukan script berikut :

10. Klik tombol1d lalu tekan F9 dan masukan script berikut :

13. Buatlah sebuah garis silang dengan luas yang dapat menutupi huruf a, b, c, d. Klik garis tersebut dan tekan F8. Pada kotak dialog yang muncul berikan silang sebagai Name dan Movie clip sebagai Type lalu tekan OK.

14. Klik Movie clip silang tadi dan berikan silang1 sebagai Instance Name

15. Buatlah sebuah garis lingkaran dengan diameter yang dapat menutupi huruf a, b, c, d. Klik garis tersebut dan tekan F8. Pada kotak dialog yang muncul berikan lingkaran sebagai Name dan Movie clip sebagai Type lalu tekan OK.

16. Klik Movie clip lingkaran tadi dan berikan lingkaran1 sebagai Instance Name. Letakan Movie clip lingkaran1 huruf (a/b/c/d) jawaban yang benar dengan titik Registration berada tepat di tengah-tengah huruf.

17. Pastikan anda masih menyeleksi Movie clip lingkaran1, lalu buka panel Properties (Ctrl+F3) dan ubah Colornya menjadi Alpha dengan nilai 0%

18. Buatlah Static Text bertuliskan Koreksi. Gambarlah persegi panjang dan tempatkan di tengah-tengah Static Text Koreksi.

19. Seleksi Static Text koreksi dan persegi panjang tadi lalu tekan F8. Berikan koreksi_btn sebagai Name dan pilih Button sebagai Typenya lalu tekan ok.

20. Klik koreksi_btn lalu tekan F9 dan berikan script berikut :

21. Buatlah Static Text bertuliskan Reset. Gambarlah persegi panjang dan tempatkan di tengah-tengah Static Text Reset.

22. Seleksi Static Text Reset dan persegi panjang tadi lalu tekan F8. Berikan reset_btn sebagai Name dan pilih Button sebagai Typenya lalu tekan ok.

23. Klik reset_btn lalu tekan F9 dan berikan script berikut :

24. Buatlah 3 buah Static Text dan beri masing-masing tulisan berikut Benar: , Salah: , Nilai:

25. Buatlah 3 buah Dynamic Text dengan masing-masing Var benar, salah, nilai. Lalu tempatkan koreksi_btn, reset_btn, 3 buah Static Text dan Dynamic Text tadi seperti gambar di bawah ini :