Flash8 & FlashCS3 — Membuat Game Menebak Angka Yang Muncul Secara Acak

Halo

Kali ini akan dibuat game menebak angka yang muncul secara acak.

Software yang di gunakan :

Flash 8 dan Flash CS3

AS [ActionScript] yang digunakan :

AS 2.0

Preview hasil jadi :

Kondisi awal game. Pemain diminta memasukkan inputan angka dengan range tertentu. [Kiri] Bila pemain memasukkan inputan yang salah. [Tengah] Bila pemain berhasil menebak angka yang benar. [Kanan]

Rename Layer 1 dengan nama Quiz dan buatlah seperti contoh di bawah ini

Tulisan “Silakan masukkan tebakan Anda (1-20)” dibuat dengan Text Tool dengan type Static Text.

Kotak untuk memasukkan inputan angka dibuat dengan menggunakan Text Tool dengan type Input Text. Beri nama txt_input di dalam kotak Instance Name.

Button TEBAK! dibuat dengan menggunakan Oval Tool dan Text Tool. Jangan lupa untuk memberi nama btn_Tebak di kotak Instance Name.

Button CLEAR dibuat dengan menggunakan Oval Tool dan Text Tool. Jangan lupa untuk memberi nama btn_Clear di kotak Instance Name.

Kotak untuk menampilkan hasil random dibuat dengan menggunakan Text Tool dengan type Dynamic Text. Beri nama txt_dHasil di dalam kotak Instance Name.

Kotak untuk menampilkan menang atau kalah dibuat dengan menggunakan Text Tool dengan type Dynamic Text. Beri nama txt_dynamic di dalam kotak Instance Name.

Pilih frame 2, klik kanan dan pilih Insert Blank Keyframe

Buat layer baru dengan nama Actions dan ketikkan code di bawah ini : [Penjelasan code akan diberikan nanti ]

function randRange(min:Number, max:Number):Number {

var randomNum:Number = Math.floor(Math.random() * (max – min + 1)) + min;

return randomNum;

}

var n:Number = randRange(1, 20); // min = 1 max 20

//trace(n);

txt_dynamic.text = “READY!”;

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : “;

btn_Tebak.onRelease = function ()

{

if(n == txt_input.text)

{

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : ” + n ;

txt_dynamic.text = “TEPAT! SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^)” ;

}

else

{

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : ” + n ;

txt_dynamic.text = “MAAF ANDA KURANG BERUNTUNG. SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^) ” ;

}

};

btn_Clear.onRelease = function ()

{

gotoAndPlay(2);

};

stop();

Tekan Ctrl + Enter untuk mencoba.

Game menebak angka yang muncul secara random sudah selesai.

Penjelasan code :

function randRange(min:Number, max:Number):Number {

var randomNum:Number = Math.floor(Math.random() * (max – min + 1)) + min;

return randomNum;

}

Fungsi bernama randRange yang akan menghasilkan angka di antara angka terkecil dan angka terbesar yang di masukkan.

var n:Number = randRange(1, 20); // min = 1 max 20

//trace(n);

Membuat variabel bernama n yang di isi dengan angka acak hasil fungsi randRange.

txt_dynamic.text = “READY!”;

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : “;

Mengisi text txt_dynamic dengan tulisan READY! dan text txt_dHasil dengan tulisan ANGKA YANG KELUAR ADALAH :

btn_Tebak.onRelease = function ()

{

if(n == txt_input.text)

{

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : ” + n ;

txt_dynamic.text = “TEPAT! SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^)” ;

}

else

{

txt_dHasil.text = “ANGKA YANG KELUAR ADALAH : ” + n ;

txt_dynamic.text = “MAAF ANDA KURANG BERUNTUNG. SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^) ” ;

}

};

Pada saat button btn_Tebak di klik maka akan di bandingkan antara nilai masukan dari kotak txt_input dengan nilai n. Bila sama maka akan di tampilkan tulisan TEPAT! SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^) pada kotak txt_dynamic dan bila tidak sama maka akan ditampilkan tulisan MAAF ANDA KURANG BERUNTUNG. SILAKAN MENEKAN TOMBOL CLEAR UNTUK MENCOBA LAGI (^_^) pada kotak txt_dynamic.