DBF Web (dbfweb.blogspot.com) Cara Membuat Teka Teki Silang (TTS) dengan Macromedia Flash 8

Transkripsi

1 Cara Membuat Teka Teki Silang (TTS) dengan Macromedia Flash 8 TTS adalah salah satu permainan yang digunakan untuk membantu kita mengasah otak. Permainan ini cukup menantang karena kita akan mengisi kotak-kotak yang ada sesuai jawaban dari pertanyaan. Kali ini kita akan membuat TTS tersebut dengan Macromedia flash 8. Berikut Tutorialnya: 1. Buka Flash 8 / flash document 2. buat kotak mengunakan rectangle tool sesuai kebutuhan masing masing. Contoh : 3. Selanjutnya buat angka pada awal kotak seperti pada TTS umumnya, mengunakan text tool dengan type textnya statice text. Contoh:

2 4. Isi kotak yang anda buat tadi dengan jawaban yang sudah anda sediakan mengunakan text tool (statice text), letakan hurufnya satu per satu ke kotak yang di sediakan. Contoh: I,S,L,A,M 5. Lakukan hal yang sama pada kotak lainnya. Contoh:

3 6. Seleksi text bertulisan I,S,L,A,M. (ingat hanya seleksi hurufnya saja jangan kotaknya) caranya kita keluarkan dulu huruf baris 1 dari kotak, setelah itu kita seleksi kembali. Seperti gambar di bawah ini. 7. Selanjutnya tekan F8, ganti nama menjadi jwbtts1 tipenya(movieclip) lalu ok, dan nama instance name menjadi jwbtts1 juga, maka akan terlihat seperti ini

4 8. Selanjutnya kita kembalikan kata I,S,L,A,M tadi kekotaknya lagi dan memindahkan hurufnya satu persatu, dengan cara klik dua kali kata ISLAM tadi lalu pindahkan satu persatu hurufnya, dan susun dengan rapi. 9. Jika selesai tekan scene 1 untuk mengembalikan ke tampilan awal, dan lakukan juga pada kata-kata yang lainnya dengan hanya mengganti nama symbol dan instance jwbtts1 menjadi jwbtts2, jwbtts3 dan seterusnya dengan berurutan 10. Selanjutnya buat text static peringatan supaya menjawab pertanyaan dengan huruf capital

5 11. Setelah itu tekan Ctrl+F7 maka akan keluar panel Componens, takan tanda + user interface dan tarik ComboBox ke layar stage. 12. Dan ganti instance name combobox tadi menjadi no 13. Pastikan anda menyeleksi ComboBox kemudian pilih menu bar Window>Properties>Parameters, lalu klik 2 kali tanda [] sebelah labels. 14. Maka akan muncul panel values dan klik tanda + 5 kali ( sesuai kebutuhan TTS) dan ganti nama defaultvalues menjadi angka 1 sampai 5 dan tekan OK, seperti gambar dibawah ini

6 15. Selanjutnya buat text tool dengan type input text. Tekan Ctrl+F3 lalu tuliskan/masukan pada var jawabantampil. Jangan lupa buat rectangle tool di belakang input text tersebut. 16. Buat lagi text tool dengan type dynamic text bertuliskan OK, dan pada panel properties nonaktifkan tombol selecttable dan aktifkan tombol show border around text. 17. Pastikan anda masih menyeleksi dynamic text dengan tulisan OK tadi, lalu tekan F8 ganti nama symbol menjadi ok_btn dengan type Button. 18. Dan ganti juga instance name menjadi ok_btn juga

7 19. Selanjutnya buatlah pertanyaan dari TTS anda mengunakan text tool, (static text). Contoh: 1.agama umat muslim 2. lawan kata INI 3. peace (arti) 4. kata penghubung 5. enak di pandang 20. rapikan tata letaknya seperti berikut 21. Klik frame 1 tekan F9, lalu masukan Script berikut:

8 //membuat variable jawaban1 dengan nilai ISLAM jawaban1 = "ISLAM"; //membuat variable jawaban2 dengan nilai ITU jawaban2 = "ITU"; //membuat variable jawaban3 dengan nilai DAMAI jawaban3 = "DAMAI"; //membuat variable jawaban4 dengan nilai DAN jawaban4 = "DAN"; //membuat variable jawaban5 dengan nilai INDAH jawaban5 = "INDAH"; //mengosongkan tampilan awal combo box no no.text = ""; //membuat variable i dengan nilai 1 sampai 5 for (i=1; i<=5; i++) { //mengubah nilai transparansi movie clip berinstance name jwbtts+i menjadi 0 _root["jwbtts"+i]._alpha = 0; } //perintah yang dijalankan ketika frame ini dimainkan onenterframe = function () {

9 //nilai variable nosoal sama dengan teks yang di pilih pada combo box no nosoal = no.text; }; //ketika tekanan pada ok_btn dilepaskan ok_btn.onrelease = function() { //jika nilai pada dynamic text sama dengan nilai variable jawaban+nosoal if (jawabantampil = _root["jawaban"+nosoal]) { //ubah nilai transparansi movie clip berinstance name jwbtts+i menjadi 100 _root["jwbtts"+nosoal]._alpha = 100; //kosongkan tulisan pada dynamic text jawabantampil jawabantampil = ""; dipilih //hapus angka yang terdapat pada combo box no sesuai angka yang no.removeitemat(no.selectedindex); //kosongkan tulisan yang terdapat pada combo box no no.text = ""; } }; 22. Semoga Berhasil.