Tutorial Membuat Game Tebak Angka Bagian Ke-2 Menggunakan Macromedia Dan Adobe Flash

Membuat Game Tebak Angka Bagian Ke-2

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 :


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

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


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


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:


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”.


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