Membuat Game Kuis Sederhana Dengan Actionscript 3.0

Game Kuis


Tutorial kali ini membahas tentang pembuatan game kuis dengan actionscript 3.0. Mengapa saya menggunakan actionscript 3.0 ?
Actionscript 3.0 adalah salah satu bahasa yang digunakan pada Adobe Flash cs 3-6, hingga ke software penggantinya yaitu Animate CC.
Tren penggunaan actionscript 3.0 mulai saat banyak para pengembang Game Mobile (Hp pintar) membuat game-game sederhana berbasis flash. Actionscript 3.0 sangat mendukung untuk perangkat mobile daripada pendahulunya yaitu Actionscript 2.0.

Perbedaan Actionscript 2.0 dan 3.0


Jika kita lihat perbedaan dari masing-masing bahasa ini adalah :

Actionscript 2.0

Contoh : penulisan untuk actionscript 2.0, dimana script ini adalah sebagai perintah untuk mengarahkan Anda ke laman/frame selanjutnya.

onRelease=function(){
   gotoAndStop("frame1");
}

Actionscript 3.0

Contoh : penulisan untuk actionscript 3.0, dimana script ini adalah sebagai perintah untuk mengarahkan Anda ke laman/frame selanjutnya.

tombol.addEventListener("click",tombollanjut);
function tombollanjut(e:MouseEvent):void{
   gotoAndStop("frame1");
}


Tampilan Game Kuis


Gui (Graphic User Interface), untuk game yang saya buat ini terbilang sangat sederhana. Dan untuk judulnya saya memberi judul "Game kuis". Setelah saya survei, ternyata game kuis paling banyak peminatnya adalah Anak-anak. Alasan mereka menyukainya karena menarik, mereka juga suka dengan gambar-gambar yang dijadikan soal, mereka menjawab dan mendapatkan skor.

Berikut tampilan sederhana game kuis yang saya buat :

Tampilan game kuis
Tampilan game kuis
Dapat anda lihat pada gambar terdapat soal dan pilihan A, B, dan C. Kemudian terdapat tombol Jawab, dan kotak pilih jawaban.

Penjelasan :

- Jika Anda memilih jawaban A, maka pada kotak pilih jawaban akan muncul huruf A.
- Jika pilihan sudah Anda anggap benar, pilih tombol jawab untuk mengeksekusi atau mengkunci jawaban Anda. 
- Apabila pilihan Anda sudah tepat, maka layar akan menampilan tanda contreng, dan apabila jawaban Anda tidak tepat, maka layar akan menampilkan tanda silang.

Hasil ketika game di running
Hasil ketika game di running
Seperti pada gambar diatas, jika memilih A, maka pada pilih jawaban akan muncul A. Setelah menjawab dan ternyata hasilnya salah, maka tanda silang akan muncul seperti pada gambar dibawah ini :

jika jawaban salah
jika jawaban salah

Nah, bagaiman sih cara membuat game kuis ?

Pembuatan game kuis ini terbilang cukup sederhana. Hanya saja Anda mau mencobanya. Berikut langkah-langkah yang perlu Anda ikuti :

1. Buka Soft adobe flash cs 3/4/5/6, pilih actionscript 3.0.
2. Misalkan pada lembar kerja Anda sudah menyiapkan hal-hal berikut :

Perhatikan dan ikut seperti pada gambar diatas ini : Gambar ini adalah bagian-bagian yang harus Anda ikuti agar dapat membuat game kuis.
Perhatikan dan ikut seperti pada gambar diatas ini : Gambar ini adalah bagian-bagian yang harus Anda ikuti agar dapat membuat game kuis.
3. Jika pembuatannya sudah mendekati atau menyerupai seperti gambar diatas, langkah selanjutnya adalah membuat perintah (script), atau masuk ke tahap koding.

ps : jangan lupa pada bagian kolom pilih jawaban, yang bertipe "Dynamic text", instance namenya diberi nama "pilih".

Pada frame satu tekan F9 untuk menampilkan Frame-Actions :

Tambahkan variable berikut ini :

    import flash.events.MouseEvent;

    stop();

pilih.text=". . .";
mc_benar.visible=false;
var benar:Boolean=false;
jawab.visible=false;
var skor:Number=0;
var nextsoal:Boolean=false;

4. Kemudian dilanjutkan dengan script tombol (pilihan A, B, dan C).

a1.addEventListener("click",ba1);
function ba1(e:MouseEvent):void{
pilih.text="A";
benar=false;
jawab.visible=true;
}
b1.addEventListener("click",bb1);
function bb1(e:MouseEvent):void{
pilih.text="B";
benar=true;
jawab.visible=true;
}
c1.addEventListener("click",bc1);
function bc1(e:MouseEvent):void{
pilih.text="C";
benar=false;
jawab.visible=true;
}

5. Lanjutkan dengan script "Jawab", yaitu script eksekusi pilihan Anda.

jawab.addEventListener("click",jawab1);
function jawab1(e:MouseEvent):void{
if(benar){
nextsoal=true;
mc_benar.visible=true;
mc_benar.gotoAndStop(1);
}
if(benar==false){
nextsoal=true;
mc_benar.visible=true;
mc_benar.gotoAndStop(2);
}
}


6. Jika penulisan diatas sudah benar, lanjutkan dengan penulisan script untuk melompat ke frame selanjutnya. Lihat penggalan script dibawah ini :

var loading:Number=0;

addEventListener(Event.ENTER_FRAME,nsoal1);
function nsoal1(e:Event):void{
if(nextsoal){
loading++;
if(loading>=20){
nextFrame();
removeEventListener(Event.ENTER_FRAME,nsoal1);
}
}
}

penjelasan script no.6 :

var loading, ditambahkan karena akan dibuatkan waktu jeda ketika tampilan benar atau salah, jadi apabila Anda menjawab dengan benar dan layar menampilkan tanda contreng, waktu tampilan tanda contreng(benar) akan terlihat lebih lama, hal ini karena adanya nilai loading yang terus bertambah (++) atau loading++ hingga mencapai nilai lebih besar sama dengan 20. Jika nilai loading sudah mencapai 20 atau lebih besar dari 20 maka akan dilanjutkan ke soal berikutnya (atau melanjutkan ke frame selanjutnya).


ps :Untuk contoh tutorial ini, Anda tidak memerlukan (jika perlu hapus script) script mc_benar.visible=false/true, dan script mc_benar.gotoAndStop(1)/mc_benar.gotoAndStop(2)

7. Apabila langkah-langkah diatas sudah dilakukan dengan benar, tekan ctrl+Enter untuk menjalankan program.

Membuat Game Kuis Sederhana Dengan Actionscript 3.0 Membuat Game Kuis Sederhana Dengan Actionscript 3.0 Reviewed by Ardy S on July 14, 2016 Rating: 5

1 comment:

Powered by Blogger.