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 :-)

Selain pembuatan games tebak kata dengan cara di atas, sebenarnya masih ada lagi cara yang lebih kompleks dengan memanfaatkan integrasi data XML sehingga permainan menjadi lebih kompleks. Source Code dari game Tebak - Tebakan kata ini bisa di Download Disini. Terus berkreasi dan gali potensi diri, terima kasih... Semoga cara pembuatan games tebak kata di atas bermanfaat bagi anda semua.

Tutorial Terkait Lainnya: tutorial game tangkap nyamuk

Share URL

Share the URL of this Tutorial in IM, Email or post in forums http://www.ilmugrafis.com/flash.php?page=membuat-permainan-game-tebak-kata * Klik Link, copy (ctrl + c) dan paste (ctrl + v)

 



 

Supported by ilmugrafis indonesia