Anda di halaman 1dari 5

TTS atau teka-teki silang 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 flash.

Berikut langkah-langkah pembuatannya :

1. Buatlah sebuah flash document


2. Buatlah beberapa buah kotak yang di tata seperti gambar di bawah ini :

3. Buatlah 5 buah static text masing-masing bertuliskan angka 1 sampai 5. Letakkan 5


buah static text tersebut seperti gambar di bawah ini :

4. Buatlah 6 buah static text masing-masing bertuliskan F, R, I, D, A, Y. Letakkan 6


buah static text tersebut seperti gambar di bawah ini :

5. Lakukan hal yang sama pada kotak lainnya dengan kata-kata seperti di bawah ini :
5. Seleksi static text bertuliskan F, R, I, D, A, Y kemudian tekan F8. Pada panel yang
muncul masukkan jawabanTTS1 sebagai name dan movie clip sebgai type kemudian
tekan ok.

6. Seleksi movie clip jawabanTTS1 di stage kemudian tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTTS1 sebagai instance name.

7. Seleksi static text bertuliskan L, A, U, T kemudian tekan F8. Pada panel yang muncul
masukkan jawabanTTS2 sebagai name dan movie clip sebgai type kemudian tekan ok.

8. Seleksi movie clip jawabanTTS2 di stage kemudian tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTTS2 sebagai instance name.

9. Seleksi static text bertuliskan A, K, A, R kemudian tekan F8. Pada panel yang muncul
masukkan jawabanTTS3 sebagai name dan movie clip sebgai type kemudian tekan ok.

10. Seleksi movie clip jawabanTTS3 di stage kemudian tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTTS3 sebagai instance name.

11. Seleksi static text bertuliskan B, U, S kemudian tekan F8. Pada panel yang muncul
masukkan jawabanTTS4 sebagai name dan movie clip sebgai type kemudian tekan ok.

12. Seleksi movie clip jawabanTTS4 di stage kemudian tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTTS4 sebagai instance name.

13. Seleksi static text bertuliskan H, A, R, I kemudian tekan F8. Pada panel yang muncul
masukkan jawabanTTS5 sebagai name dan movie clip sebgai type kemudian tekan ok.

14. Seleksi movie clip jawabanTTS5 di stage kemudian tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTTS5 sebagai instance name.

15. Buatlah sebuah static text bertuliskan Masukkan hanya huruf kapital saja.
16. Tekan Ctrl+F7 dan pada panel components yang muncul klik tanda + disebelah User
Interface kemudian drag ComboBox ke dalam stage.

17. Seleksi ComboBox tersebut dan pada panel properties masukkan no sebagai instance
name.

18. Pastikan anda masih menyeleksi ComboBox kemudian plih pada menu bar
Window>Properties>Parameters. Pada panel parameters yang muncul, klik dua kali tanda
[] di sebelah tulisan labels.

19. Pada panel yang muncul klik tanda + sebanyak 5 kali sehingga muncul 5 buah baris
bertuliskan defaultValue. Ubah tulisan defaultValue tersebut dengan cara mengkliknya
dan ganti dengan angka 1 sampai 5 secara berurutan dari atas ke bawah sehingga panel
akan terlihat seperti gambar di bawah ini. Jika sudah tekan ok.

20. Buatlah sebuah input text. Seleksi input text ini dan tekan Ctrl+F3. Pada panel properties
yang muncul masukkan jawabanTampil sebagai var.

21. Buatlah sebuah dynamic text bertuliskan OK. Seleksi dynamic text ini dan pada panel
properties nonaktifkan tombol selectable dan aktifkan tombol show border around text.

22. Pastikan anda masih menyeleksi dynamic text bertuliskan OK kemudian tekan F8. Pada
panel yang muncul masukkan ok_btn sebagai name dan button sebagai type lalu tekan ok

23. Seleksi ok_btn di stage dan pada panel properties masukkan ok_btn sebagai instance
name.

24. Buatlah 5 buah static text masing-masing bertuliskan


- 1. Jum’at dalam bahasa Inggris,
- 2. Tempat mencari ikan,
- 3. Bagian pohon yang ada di tanah,
- 4. Kendaraan roda empat,
- 5. Day dalam bahasa Indonesia

26. Letakkan seluruh objek yang di buat tadi seperti gambar di bawah ini :
27. Klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

1 //membuat variable jawaban1 dengan nilai FRIDAY


2 jawaban1 = "FRIDAY";
3 //membuat variable jawaban2 dengan nilai LAUT
4 jawaban2 = "LAUT";
5 //membuat variable jawaban3 dengan nilai AKAR
6 jawaban3 = "AKAR";
7 //membuat variable jawaban4 dengan nilai BUS
8 jawaban4 = "BUS";
9 //membuat variable jawaban5 dengan nilai HARI
10 jawaban5 = "HARI";
11 //mengosongkan tampilan awal combo box no
12 no.text = "";
13 //membuat variable i dengan nilai 1 sampai 5
14 for (i=1; i<=5; i++) {
15 //mengubah nilai transparansi movie clip berinstance name
16 jawabanTTS+i menjadi 0
17 _root["jawabanTTS"+i]._alpha = 0;
18 }
19 //perintah yang dijalankan ketika frame ini dimainkan
20 onEnterFrame = function () {
21 //nilai variable noSoal sama dengan teks yang di pilih pada combo
22 box no
23 noSoal = no.text;
24 };
25 //ketika tekanan pada ok_btn dilepaskan
26 ok_btn.onRelease = function() {
27 //jika nilai pada dynamic text sama dengan nilai variable
28 jawaban+noSoal
29 if (jawabanTampil == _root["jawaban"+noSoal]) {
30 //ubah nilai transparansi movie clip berinstance name
31 jawabanTTS+i menjadi 100
32 _root["jawabanTTS"+noSoal]._alpha = 100;
33 //kosongkan tulisan pada dynamic text jawabanTampil
34 jawabanTampil = "";
35 //hapus angka yang terdapat pada combo box no sesuai
36 angka yang dipilih
no.removeItemAt(no.selectedIndex);
//kosongkan tulisan yang terdapat pada combo box no
no.text = "";
}
};

28. Tekan Ctrl+Enter untuk melihat hasilnya.

29. Selamat Bekerja

Anda mungkin juga menyukai