Seperti yang kita tahu, di zaman sekarang banyak sekali game yang dapat dimainkan. Mulai dari yang offline hingga online. Berbagai variasi entah itu game dengan alur permainan yang sederhana ataupun yang rumit. Perkembangannya dari tahun ke tahun bisa dilihat dari perubahan kualitas baik grafik dan sebagainya. Hal tersebut membuat saya semakin penasaran di balik layar tentang pembuatan game tersebut. Namun saya yakin bukan hanya saya yang penasaran, khususnya bagi para Programmer yang sudah sering membuat aplikasi pasti pernah merasakannya. Karena memang cara kerja game menggunakan Bahasa Pemrograman.
Namun, seperti yang kita ketahui banyak sekali Bahasa Pemrograman. Lalu yang manakah yang digunakan? Mengenai hal tersebut, yang perlu diketahui bahwa masing-masing Bahasa Pemrograman mempunyai bidang atau bagian masing-masing. Misalkan Javascript, ia hanya digunakan untuk Web Programming. Yakni interaksi atau implementasi hanya pada website. Tentang mengenai apakah bisa digunakan untuk membuat sebuah game adalah tergantung bagaimana cara kita memperlakukan Bahasa Pemrograman tersebut.
Nah, pada kesempatan kali ini saya akan membahas tentang cara membuat game sederhana menggunakan Javascript. Meskipun tidak se epik game-game yang sangat populer saat ini, setidaknya kita bisa mengambil pengetahuan dasar tentang bagaimana cara game tersebut bekerja oleh salah satu bahasa pemrograman yaitu Javascript. Yang mana nanti logika-logika dasar atau statementnya bisa dijadikan referensi untuk dikembangkan menjadi game yang lebih bagus lagi.
Oke kita langsung saja, saya harap kalian sudah pernah belajar mengenai dasar-dasar Javacript agar tidak terlalu kebingungan nantinya. Namun jika belum disimak saja. Saya akan berusaha jelaskan beberapa statement atau syntax yang digunakan nantinya.
Game yang akan kita buat adalah game sederhana yang mana interaksinya hanya pada Popup Box yang dilakukan oleh javascript. Seperti Pada judul artikel yaitu memanfaatkan Popup Box Javascript untuk membuat game sederhana, maksudnya kita akan merubah sesuatu yang tidak terlalu berguna menjadi berguna. Yakni dengan memanfaatkan POPUP BOX yang saya pikir fitur ini tidak terlalu sering dipakai. Nama gamenya adalah Batu, Gunting, Kertas atau terserah mau dibilang apa XD.
Lets Code!!!
Pertama buatlah sebuah file html, lalu isi script dibawah ini pada bagian tag body.
<script>
//Kata sambutan
alert('Selamat datang di Game Batu, Gunting, Kertas. Lets Play Dude!');
//Pengulangan
var mulai = true;
while( mulai ) {
//Pilihan User
var user = prompt('Silahkan pilih: Batu, Gunting, Kertas! \nnote: penulisan diawali huruf kapital');
//Pilihan Komputer
var komputer = Math.random();
if( komputer <= 0.33 ) {
komputer = 'Batu';
} else if( komputer > 0.33 && komputer < 0.67 ) {
komputer = 'Gunting';
} else {
komputer = 'Kertas';
}
var hasil = '';
//Membuat rules
if( user == komputer ) {
hasil = 'SERI';
} else if( user == 'Batu' ) {
if( komputer == 'Gunting' ) {
hasil = 'MENANG';
} else {
hasil = 'KALAH';
}
} else if( user == 'Gunting' ) {
if( komputer == 'Batu' ) {
hasil = 'KALAH';
} else {
hasil = 'MENANG';
}
} else if( user == 'Kertas' ) {
if( komputer == 'Batu' ) {
hasil = 'MENANG';
} else {
hasil = 'KALAH';
}
}
//Menampilkan hasil
if( user == null ) {
alert('Kamu tidak memasukkan pilihan Dude!!');
} else if( user !== 'Batu' && user !== 'Gunting' && user !== 'Kertas' ) {
alert('Pilihan kamu tidak tertera di list Dude!! \nPastikan penulisan benar');
} else {
alert('Kamu memilih : ' + user + '\nSedangkan komputer memilih : ' + komputer + '\nHasilnya : Kamu ' + hasil + ' Dude!!' );
}
mulai = confirm('Coba lagi??');
}
alert('Terimakasih sudah bermain >_<');
</script>
Save dan lihat hasilnya. Sekarang game sudah bisa dimainkan. Selanjutnya tinggal penjelasan mengenai syntax-syntax pada Javascriptnya. Kalian bisa lihat penjelasan singkat melalui komentar pada script di atas. Untuk lebih jelas simak ulasan berikut ini.
Untuk memunculkan Popup ada 3 cara:
- Menggunakan alert();
- Menggunakan prompt();
- Menggunakan confirm();
Di permulaan, kita menggunakan perintah alert(); untuk menampilkan Popup yang berisi kata sambutan. Selanjutnya melakukan pengulangan atau looping menggunakan while();. Lalu perintah prompt(); untuk menampilkan Popup yang bisa diisi dan diinput seperti halnya form. Berguna bagi user atau pemain untuk memasukkan pilihannya. Namun tidak semerta-merta kolom inputan tersebut langsung bisa berfungsi. Kita butuh menampungnya dalam sebuah variable. Dalam hal ini kita menggunakan variable yang bernama user.
Untuk menentukan pilihan dari komputer, saya menggunakan Math.random(); yaitu merupakan angka acak dari 0 sampai 1 lalu menerapkan logika dan pengkondisian setelahnya. Logikanya adalah jika komputer kurang dari sama dengan 0.33 maka komputer adalah Batu. Namun jika komputer lebih besar dari 0.33 dan lebih kecil dari 0.67 maka komputer adalah Gunting selain itu maka komputer adalah Kertas. Setelah itu baru menentukan rules atau peraturan yang digunakan untuk mengatur apakah user atau player menang, seri, atau kalah.
Yang terakhir adalah menampilkan hasilnya. Setelah itu terdapat perintah confirm(); yang berisi text "Coba Lagi??". Perintah tersebut berfungsi untuk menampilkan Popup dengan opsi yaitu cancel atau batal dan ok. Jika memilih ok maka akan mengembalikan nilai true begitu pula sebaliknya. Nah jika hasilnya adalah true, maka proses looping atau pengulangan akan berjalan. Jika false maka tidak akan melakukan looping tetapi dilanjutkan dengan mencetak alert(); setelahnya dan secara otomatis program akan terhenti.
Demikian penjelasan mengenai script di atas. Semoga bisa membantu memahaminya. Jika belum paham Terus amati dan teliti kode-kodenya. Seperti yang saya katakan di awal tadi bahwa setidaknya sudah pernah belajar Javascript dasar terutama tentang Pengkondisian dan Pengulangan. Namun jika tetap ada yang belum paham silahkan tanyakan di kolom komentar.
Semoga tutorial ini bisa bermanfaat dan menginspirasi untuk melakukan pengembangan-pengembangan kedepannya. Karena tantangan sebenarnya bagi seorang programmer bukan hanya mempelajari saja tetapi mengembangkannya. Berawal dari sebuah program sederhana kemudian dijadikan sebuah program yang luar biasa. Jadi kembali lagi ke topik tentang game, bahwa para pembuat game yang gamenya sudah populer tidak semerta-merta langsung bagus dan banyak diminati. Ia bertahap sembari melakukan pengembangan-pengembangan lalu jadilah seperti sekarang.
Bagi kalian yang mulai tertarik tentang cara membuat game lebih lanjut lagi. Silahkan diperdalam pengetahuannya mengenai bahasa pemrograman yang paling sering digunakan untuk membuat game yaitu C++, C#, Java dan sebagainya.
