Tutorial Adobe Flash | Belajar Flash Animasi Multimedia

NAVIGASI MENU :
TUTORIAL > FLASH

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:
abjad alphabet

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:
setting layout tebak kata

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)

<> Info dan Kontak Penulis
Tentang penulis:
Irman Maulana lahir di Sukabumi, 27 september 1989. Kini sedang melanjutkan studi di AMIK BSI Sukabumi. Mengenal dunia komputer sejak duduk di bangku smp kelas 1. Hobi maen musik dan foto-foto.

Motto: Sebarkanlah ilmu walau hanya satu kata.
Email : ryuur3i@gmail.com
Facebook : irman.rightway
Website : http://www.bengkelflash.com

Rekomendasi ilmugrafis

Jasa Desain Grafis Terpercaya
Dapatkan jasa desain grafis berkualitas dari team ilmugrafis

Supported by ilmugrafis indonesia

Kembali Ke Atas