RSS

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

10 Jan

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]

Flash dari postingan ini bisa di lihat di sini

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

btn_Clear.onRelease = function ()

{

gotoAndPlay(2);

};

Pada saat buton btn_Clear di klik maka flash akan berjalan dan memainkan frame 2.

stop();

Menghentikan Flash begitu memasuki frame ini.

Hasil jadi (*.fla) bisa di dl di :

Flash8

FlashCS3

Untuk memberi efek pada Button dan Text seperti contoh di atas bisa di lihat di sini.

Terima kasih sudah mampir dan membaca blog saya. (^_^)

 
4 Komentar

Ditulis oleh pada Januari 10, 2011 in Flash

 

Tag: ,

4 responses to “Flash8 & FlashCS3 — Membuat Game Menebak Angka Yang Muncul Secara Acak

  1. math games

    Januari 30, 2011 at 11:11 am

    first!

    Suka

     
    • 8oni

      Februari 1, 2011 at 4:05 pm

      LOL. That’s a spirit.😉 Thanks for visiting anyway.🙂

      Suka

       
  2. ros

    Agustus 7, 2011 at 9:46 pm

    aq coba ahhh….. klw ga sukses boleh nanya kn bos..????

    Suka

     
    • 8oni

      Agustus 9, 2011 at 3:18 am

      Silakan dicoba🙂 Kalo ada yang kurang jelas atau tidak berhasil silakan di tanyakan😀

      Suka

       

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

 
%d blogger menyukai ini: