Pelajaran Animasi

Membuat Permainan Tebak Kata

Publish: 1 November 2012 | Author & Copyright: Irman Maulana | Status: FREE tutorial

Ada yang tau Permainan Hangaroo atau Hangman? Yap, keduanya adalah jenis permainan dimana kita harus menebak kata yang tersembunyi dengan mengandalkan petunjuk (hint) yang ada. Selain menantang, permainan ini bisa menambahkan pengetahuan juga lho! Bagaimana cara membuatnya? mari simak tutorial Flash berikut ini

Oke! Langsung aja. Mari kita berlajar cara membuat permainan tebak kata seperti hangaroo.

1. Buat tombol alfabet masing-masing dari A sampai Z seperti gambar di bawah ini:


2. Klik tombol abjad “A”, kemudian buka panel action. Masukan script di bawah ini

on(release) {                                 cekChar("a"); }

3. Lakukan langkah 2 pada tombol abjad lainnya dengan mengganti karakter yang ada pada fungsi cekChar(); misal pada tombol “B”. maka fungsi cekChar menjadi cekChar(“b”); dst.

4. Buat TextField dengan desain seperti berikut:


5. Setelah itu, klik frame 1, buka panel action kemudian ketikan script di bawah ini:
stop(); var phrase:String="ilmu grafis"; //kata yang ditebak var tampil:Array=new Array(); numWrong=5; count=0; for(i=0;i<phrase.length;i++) { tampil.push("_"); count++; if(phrase.charCodeAt(i)==32) { count--; tampil[i]=" "; } } petunjuk.text="Hint: Situs pembelajaran ilmu komputer dan desain grafis terpopuler."; display.text=tampil; disWrong.text=numWrong; //fungsi mengecek karakter function cekChar(char:String) { kataTepat=false; for(i=0;i<phrase.length;i++) { if(tampil[i]!=char) { //cek apakah karakter yg di input ada pada variable phrase? if(phrase.charAt(i).toLowerCase()==char) { //jika iya, tampilkan tampil[i]=char; display.text=tampil; kataTepat=true; count--; } } } //jika kata yang di input salah, kurangi nilai numWrong if(!kataTepat) { numWrong--; disWrong.text=numWrong; } //jika semua kata terjawab, anda menang if(count==0) { gotoAndStop(2); } //jika toleransi kesalahan 0, anda kalah if(numWrong==0) { gotoAndStop(3); } }

6. Buat blank keyframe(F7) pada frame 2. Buat teks dengan tulisan “Anda Menang!!!”.

7. Buat lagi text field dengan type Dynamic Text. Pada instance name beri nama “disPhrase”.

8. Buka panel action kemudian ketikan script berikut:

stop();                     disPhrase.text=phrase;

9. Buat Blank Keyframe pada frame 3. Buat teks dengan tulisan “Anda Kalah”.

10. Buat sebuah tombol dengan label “Main Lagi”. Kemudian beri script seperti di bawah ini:

on(release) {                 gotoAndStop(1);  }

11. Letakan tombol “Main Lagi”. Pada frame 2 dan 3

12. Selesai. Jalankan movie.
Hasilnya kira - kira seperti ini:

Game Tebak Kata dengan Adobe Flash
Cara bermain : klik huruf yang anda inginkan untuk menjawab pertanyaan tebak kata di atas :-)