Tutorial Adobe Flash | Belajar Flash Animasi Multimedia

NAVIGASI MENU :
TUTORIAL > FLASH

Membuat Game Tebak Angka Bagian Ke-2

Publish: 22 Juli 2012 | Author & Copyright: Irman Maulana | Status: FREE tutorial

Pada tutorial sebelumnya kita telah belajar bagaimana Membuat Game Tebak Angka Bagian Ke-1. Kali ini kita akan melanjutkan Project Games kita karena mungkin pada bagian pertama kemarin anda merasakan gamenya terlalu statis dan kurang interaktif. Maklum lah namanya juga game sederhana,. Hee..3x. Nah, untuk itu pada tutorial Flash lanjutan ini kita akan mengembangkan game yang sebelumnya kita buat menjadi lebih interaktif dan dinamis.

Berikut langkah-langkahnya.

1. Untuk mempelajari tutorial Lanjutan ini anda harus telah membuat game Tebak Angka di Bagian Pertama terlebih dahulu,
Sekarang Tambahkan textfield baru seperti di bawah ini :
image ilmugrafis

2. Agar lebih menarik, kita tambahkan efek suara pada beberapa event yaitu pada saat tombol ditekan dan pada saat game berakhir.
Download source file suara di bawah ini

3. Import file suara ke dalam library dengan memilih File > import > Import To Library
image ilmugrafis

Masukan ketiga file suara yang telah di download. (btnEfek , Kalah , Menang *wav)

4. Buka panel library kemudian klik kanan pada btnEfek.wav kemudian pilih properties
image ilmugrafis

5. Klik tab Action Script kemudian centang tombol Export for Action Script. Pada kolom class ketikan nama “ButtonFx”
image ilmugrafis

6. Lakukan langkah 4-5 untuk kedua file suara lainnya. Untuk file Kalah.wav Pada kolom class beri nama Kalah. Untuk file Menang.wav beri nama Menang

7. Pada frame 1, buka panel action (F9) kemudian modifikasi script sebelumnya dengan beberapa penambahan script seperti di bawah ini :

stop();
//variable awal
var angkaMisteri:uint;
var angkaPrediksi:uint;
var kesempatan:int=10;
var menang:Boolean;
var gameStatus:String;
var btnFx:ButtonFx=new ButtonFx();
var menangFx:Menang=new Menang();
var kalahFx:Kalah=new Kalah();
//kondisi awal permainan
display.text="Tebak angka yang aku pikirkan, dari 1-100!";
inputTeks.restrict="0-9";
stage.focus=inputTeks;
disKesempatan.text=String(kesempatan);

//menghasilkan angka acak dari 1 sampai 100
angkaMisteri=Math.ceil(Math.random()*100);

//event pada tombol cek
cekBtn.addEventListener(MouseEvent.CLICK, cekAngka);
function cekAngka(event:MouseEvent)
{
	angkaPrediksi=uint(inputTeks.text);
	
	//jika angka yang ditebak kurang dari target
	if(angkaPrediksi < angkaMisteri)
	{
		kesempatan--;
		display.text="Angka terlalu kecil! coba lagi";
		disKesempatan.text=String(kesempatan);
		btnFx.play();
		if(kesempatan==0)
		{
			gotoAndStop("gameOver");
			menang=false;
			cekGame();
			kalahFx.play();
			
		}
	}
	//jika angka yang ditebak lebih dari target
	else if(angkaPrediksi > angkaMisteri)
	{
		kesempatan--;
		display.text="Angka terlalu besar! coba lagi";
		disKesempatan.text=String(kesempatan);
		btnFx.play();
		if(kesempatan==0)
		{
			menang=false;
			cekGame();
			kalahFx.play();
		}
	}
	
	//jika angka yang ditebak sama dengan target
	else
	{
		gotoAndStop("gameOver");
		menang=true;
		menangFx.play();
		cekGame();
	}
}

function cekGame()
{
	if(menang)
	{
		gotoAndStop("gameOver");
		disGameStatus.text="Selamat, Anda benar!!";
	}
	else
	{
		gotoAndStop("gameOver");
		disGameStatus.text="Maaf, kesempatan anda habis!!";
	}
}

8. Langkah selanjutnya yaitu Buat keyframe baru (F6) pada frame 2. Kemudian buat tampilan seperti di bawah ini:
image ilmugrafis

9. Pada frame 2, buka panel action (F9) kemudian ketikan script di bawah ini :

stop();
mainLgBtn.addEventListener(MouseEvent.CLICK, mainLagi);
function mainLagi(event:MouseEvent)
{
	gotoAndStop("start");	
}

10. Masih pada frame 1, buka panel properties kemudian pada kolom label beri nama “start”.
image ilmugrafis

11. Pada frame 2, buka panel properties kemudian pada kolom label beri nama “gameOver”.

12. Jalankan game [CTRL + ENTER]. Dan Hasil akhir Game Tebak Angka yang lebih interaktif adalah sebagai berikut.

Selamat Mencoba Belajar Membuat Game! ^^. Terima kasih. Semoga bermanfaat

Share URL

Share the URL of this Tutorial in IM, Email or post in forums

http://www.ilmugrafis.com/flash.php?page=membuat-game-tebak-angka-bagian-2

* 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