Tutorial Soal Essay

Soal Essay

Salah satu hal menyenangkan di Flash adalah kita dapat membuat kuis. Dimana kita dapat membuat pertanyaan beserta jawabannya sesuai keinginan kita. Kuis juga sering digunakan pada pembelajaran interaktif yang berfungsi sebagai soal latihan. Kali ini kita akan membuat kuis tentang soal essay. Tutorial di bawah ini adalah tutorial yang masih dalam bentuk sederhana.

1. Buatlah 5 daftar pertanyaan dan tulis masing-masing pertanyaan pada sebuah Static Text

2. Buatlah 5 buah Input Text dengan masing-masing Var diberi jawaban_user1, jawaban_user2, jawaban_user3, jawaban_user4, jawaban_user5 pada panel properties (tekan Ctrl+F3 unruk memunculkannya).

3. Dan juga ubah nilai Maximum characters pada masing-masing Input Text menjadi 12

4. Pastikan anda tidak menyeleksi objek di stage lalu tekan Ctrl+F8, berikan benar_salah pada Name dan pilih Movie clip sebagai Typenya lalu tekan OK.

5. Anda akan masuk kedalam stage Movie clip benar_salah. Seleksi Frame 2 dan 3 lalu tekan F7. Klik Frame 1 dan tekan F9, berikan script dibawah ini pada kotak dialog yang muncul. Lakukan hal yang sama pada frame 2 dan 3

1

stop();

6. Klik Frame 2 gambarlah tanda centang di dalamnya

7. Klik Frame 3 gambarlah tanda silang didalamnya. Jika sudah tekan Ctrl+E maka anda akan kembali ke Stage Scene 1

8. Buka panel Library dengan menekan F11, drag Movie clip benar_salah ke stage.

9. Klik Movie clip benar_salah yang sudah berada di stage lalu tekan Ctrl+D sebanyak 4 kali maka Movie clip benar_salah akan menjadi 5 buah.

10. Berikan tanda1, tanda2, tanda3, tanda4, tanda5 pada masing-masing Instance Name Movie clip benar_salah.

11. Buatlah 3 buah Static Text dan beri tulisan Nilai: , / , 5

12. Buatlah sebuah Dynamic Text dan beri Var : nilai

13. Buatlah sebuah button dengan tulisan koreksi di bagian dalam tombol. Dan juga berikan koreksi sebagai Instance Name-nya. Seleksi button tersebut lau tekan F9 dan masukkan script berikut:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

//ketika tekanan mouse dilepaskan setelah mouse ditekan on (release) {         //menghasilkan variable i=1, i=2, i=3, i=4, i=5         for (i=1; i<6; i++) {                //jika jawaban_user+i sama dengan jawaban_asli+i                if (_root["jawaban_user"+i] == _root["jawaban_asli"+i]) {                        //nilai ditambah 1                        nilai += 1;                        //tanda+i pindah ke frame 2                        _root["tanda"+i].gotoAndStop(2);                } else {                        //tanda+i pindah ke frame 3                        _root["tanda"+i].gotoAndStop(3);                }         }         //tombol koreksi tidak bisa ditekan         koreksi.enabled = false;         //tombol koreksi lebih transparan         koreksi._alpha = 40; }

14. Buatlah sebuah button dengan tulisan reset dibagian dalam tombol. Seleksi button tersebut lau tekan F9 dan masukkan script berikut:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

//ketika tekanan mouse dilepaskan setelah mouse ditekan on (release) {         //tombol koreksi dapat ditekan         koreksi.enabled = true;         //warna tombol koreksi tidak transparan         koreksi._alpha = 100;         //nilai diubah menjadi 0         nilai = 0;         //menghasilkan variable i=1, i=2, i=3, i=4, i=5         for (i=1; i<6; i++) {                //jawaban_user+i dikosongkan                _root["jawaban_user"+i] = "";                //tanda+i pindah ke frame 1                _root["tanda"+i].gotoAndStop(1);         } }

15. Klik frame 1 lalu tekan F9 dan masukan script berikut :

1 2 3 4 5 6 7 8

//daftar jawaban sebenarnya jawaban_asli1 = "merkurius"; jawaban_asli2 = "hijau"; jawaban_asli3 = "arloji"; jawaban_asli4 = "jagung"; jawaban_asli5 = "ayam den lapeh"; //nilai pertama kali sama dengan 0 nilai = 0;

16. Tekan Ctrl+Enter untuk mengetesnya

Tutorial Tembak Balon

Tembak Balon

Game yang akan kita buat kali ini adalah game menembak balon. Dimana akan ada balon yang bergerak dari bawah ke atas. Gunakan gerakkan mouse untuk menggerakkan kursor dan tekan mouse sebelah kiri untuk menembak.

1. Buatlah sebuah flash document dengan ukuran 400×400 berwarna putih.

2. Tekan tombol Insert Layer pada timeline sebanyak 2 kali sehingga pada timeline terdapat 3 buah layer.

3. Ubah nama-nama layer menjadi Label, AS, Game dengan posisi seperti gambar di bawah ini :

4. Tahan tombol Ctrl pada keyboard kemudian tekan frame 1, 3, 8, 14 pada semua layer. Jika sudah lepaskan tombol Ctrl lalu tekan F7 maka frame-frame yang anda seleksi tadi menjadi sebuah blank keyframe.

5. Seleksi frame 20 pada semua layer kemudian tekan F5

6. Klik frame 1 layer Label kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan load dalam kotak frame label.

7. Klik frame 3 layer Label kemudian pada panel properties masukkan menu dalam kotak frame label.

8. Klik frame 8 layer Label kemudian pada panel properties masukkan game dalam kotak frame label.

9. Klik frame 14 layer Label kemudian pada panel properties masukkan gameover dalam kotak. 

10. Klik frame 1 layer Game. Buatlah sebuah objek kursor seperti gambar di bawah ini :

11. Buatlah sebuah lingkaran kecil tepat di tengah-tengah objek kursor yang baru di buat tadi 

12. Seleksi hanya lingkaran kecil tadi lalu tekan F8. Pada panel yang muncul masukkan titik_kursor sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

14. Seleksi movie clip kursor_mc dan pada panel properties masukkan kursor sebagai Instance name.

15. Klik frame 3 layer Game dan buatlah sebuah persegi dengan panjang 400 dan lebar 400. Berikan warna radial dengan perpaduan warna #33FF99 dan #336633 pada persegi tersebut. Letakkan persegi tersebut di tengah-tengah stage.

16. buatlah sebuah static text bertuliskan Tembak Balon. Ukuran, warna, dan jenis hurufnya sesuai keinginan anda, kemudian letakkan di stage bagian atas.

17. Buatlah 3 buah balon dengan menggunakan bantuan oval tool dan line tool. Letakkan ketiga buah balon tadi pada stage bagian tengah.

18. Buatlah sebuah static text dan berikan tulisan Tembak setiap balon yang muncul sebanyak mungkin dengan cara menekan mouse sebelah kiri. Letakkan static text tersebut pada stage bagian bawah.

19. Buatlah sebuah static text dengan warna putih dan berikan tulisan MAIN. Buatlah sebuah persegi panjang dengan panjang dan lebar yang sama dengan panjang dan lebar static text bertuliskan MAIN.

20. Seleksi static text bertuliskan MAIN dan persegi panjang lalu tekan F8. Pada panel yang muncul masukkan main_btn sebagai name dan button sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

21. Seleksi main_btn di stage dan pada panel properties masukkan main_btn sebagai instance name. Klik kanan movie clip main_btn dan tekan Edit.

22. Seleksi frame Over dan Down lalu tekan F6. Ubah warna huruf static text pada frame over menjadi berwarna kuning dan juga ubah warna static text pada frame Down menjadi kuning tua. Tekan Ctrl+E untuk kembali ke stage scene 1

23. Letakkan main_btn di stage bagian bawah sehingga pada frame 3 layer 

24. Klik frame 8 layer Game dan buatlah sebuah persegi dengan panjang 400 dan lebar 400. Berikan warna radial dengan perpaduan warna #33FF99 dan #336633 pada persegi tersebut. Letakkan persegi tersebut di di tengah-tengah stage.

25. Buatlah 3 buah static text, masing-masing bertuliskan Balon : , Waktu , :

26. Buatlah 3 buah dynamic text dengan masing-masing Var pada panel properties adalah score , minute , second.

27. Letakkan seluruh objek di frame 8 layer Game

28. Klik frame 14 layer Game dan buatlah sebuah persegi dengan panjang 400 dan lebar 400. Berikan warna radial dengan perpaduan warna #33FF99 dan #336633 pada persegi tersebut. Letakkan persegi tersebut  di tengah-tengah stage. 

29. Buatlah 3 buah static text masing-masing bertuliskan Waktu Habis , Anda menembak balon sebanyak , buah. Buatlah sebuah dynamic text dan pada panel properties masukkan score sebagai Var.

30. Buatlah sebuah static text dengan warna huruf putih dan berikan tulisan MAIN LAGI. Buatlah sebuah persegi panjang dengan panjang dan lebar yang sama dengan panjang dan lebar static text bertuliskan MAIN LAGI.

31. Seleksi static text bertuliskan MAIN LAGI dan persegi panjang lalu tekan F8. Pada panel yang muncul masukkan  mainlagi_btn sebagai name dan button sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

32. Seleksi mainlagi_btn di stage dan pada panel properties masukkan mainlagi_btn sebagai instance name. Klik kanan movie clip mainlagi_btn dan tekan Edit.

33. Seleksi frame Over dan Down lalu tekan F6. Ubah warna huruf static text pada frame over menjadi berwarna kuning dan juga ubah warna static text pada frame Down menjadi kuning tua. Tekan Ctrl+E untuk kembali ke stage scene 1

34. Letakkan seluruh objek di frame 14 layer Game seperti gambar di bawah ini :

35. Klik frame 1 layer AS dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1 2 3 4 5 6 7 8

kursor.onEnterFrame = function() {         Mouse.hide();         startDrag(this, true);         this.swapDepths(_root.getNextHighestDepth()); }; kursor.onMouseUp = function() {         tembak = true; };

36. Klik frame 3 layer AS dan pada panel actions masukkan script berikut :

1 2 3 4

stop(); main_btn.onRelease = function() {         gotoAndPlay("game"); };

37. Klik frame 8 layer AS dan pada panel actions masukkan script berikut :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52

stop(); waktu = 0; tembak = true; waktu_tekan = 0; score = 0; fps = 0; detik = 30; menit = 2; waktu_hidup = true; onEnterFrame = function () {         if (menit<10) {                _root.minute = "0"+menit;         } else {                _root.minute = menit;         }         if (detik<10) {                _root.second = "0"+detik;         } else {                _root.second = detik;         }         if (waktu_hidup) {                fps++;                if (fps == 20) {                        detik -= 1;                        fps = 0;                }                if (menit>0 && detik == 0) {                        menit -= 1;                        detik = 59;                }                if (menit == 0 && detik == 0) {                        gotoAndStop("gameover");                        delete this.onEnterFrame;                }         }         waktu++;         if (waktu == 7) {                balon = attachMovie("balon", "balon"+_root.getNextHighestDepth(), _root.getNextHighestDepth(), {_x:random(340)+30, _y:500});                balon.onEnterFrame = function() {                        this._y -= 10;                        if (this._y<-100 || _currentframe != 8) {                                removeMovieClip(this);                        }                        if (Key.isDown(1) && tembak && this.kepala_balon.hitTest(kursor.titik)) {                                removeMovieClip(this);                                score += 1;                                tembak = false;                        }                };                waktu = 0;         } };

38. Klik frame 14 layer AS dan pada panel actions masukkan script berikut :

1 2 3 4 5

stop(); mainlagi_btn.onRelease = function() {         //mainkan frame berlabel menu         gotoAndPlay("menu"); };

39. Klik frame 8 layer Game dan buatlah sebuah balon seperti gambar di bawah ini. Seleksi kepala balon tersebut dan tekan F8. Pada panel yang muncul masukkan kepala_balon sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

40. Seleksi movie clip kepala_balon dan pada panel properties masukkan kepala_balon sebagai instance name.

41. Gambarlah sebuah garis pada bagian bawah kepala balon 

43. Seleksi kepala balon beserta garisnya lalu tekan F8. Pada panel yang muncul masukkan balon_mc sebagai name dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah-tengah lalu tekan ok.

44. Hapus movie clip balon_mc dari stage kemudian tekan Ctrl+L. Pada panel library yang muncul, klik kanan movie clip balon_mc dan pilih Linkage. Pada panel yang muncul berikan tanda contreng/centang pada Export for ActionScript dan masukkan balon sebagai Identifier lalu tekan ok.

45. Tekan Ctrl+Enter untuk melihat hasilnya.