Video Mengenai Teori Game
Contoh script game sederhana
Jawab :
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Belajar jQuery untuk permainan</title>
<script src="jquery-3.1.1.min.js"></script>
<script>
$(document).ready(function() {
// generate angka acak 1-12
var angka = Math.floor((Math.random() * 12) + 1);
// tambah awalan agar sesuai dengan id box, misal: box3
var box_ajaib = "box"+angka;
// siapkan variabel counter
var jumlah_klik = 0;
var ketemu = "belum";
$("div").click(function() {
// hitung jumlah klik
jumlah_klik++;
$("#hitung").html("Jumlah Klik = "+jumlah_klik);
// ubah warna background box
if ($(this).attr("id")==box_ajaib) {
$(this).css("background-color","yellow");
ketemu = "sudah";
}
else {
$(this).css("background-color","black");
}
// cek hasil game
if ((ketemu=="sudah") && (jumlah_klik <= 5)) {
$("#hasil").html("You Win!");
}
if ((ketemu=="belum") && (jumlah_klik >= 5)) {
$("#hasil").html("Game Over...Silakan coba lagi!");
}
});
});
</script>
<style>
div {
width: 70px;
height: 70px;
background-color: silver;
border: 2px solid black;
padding: 0 10px;
float: left;
margin: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<h2>Game "Kotak WoW" </h2>
<p>Anda hanya punya 5 kali klik untuk menemukan kotak Kuning</p>
<p>Created By:Mohamad Mansur</p>
<div id="box1"></div>
<div id="box2"></div>
<div id="box3"></div>
<br style="clear:both">
<div id="box4"></div>
<div id="box5"></div>
<div id="box6"></div>
<br style="clear:both">
<div id="box7"></div>
<div id="box8"></div>
<div id="box9"></div>
<br style="clear:both">
<div id="box10"></div>
<div id="box11"></div>
<div id="box12"></div>
<br style="clear:both">
<h3 id="hitung"></h3>
<h1 id="hasil"></h1>
</body>
</html>
Daftar Referensi
Dspace.uii.ac.id, “Teori Game”, Teori Game, <https://dspace.uii.ac.id/bitstream/handle/123456789/3752/05.2%20bab%202.pdf?sequence=8&isAllowed=y> [diakses 19 Maret 2020].
Media.neliti.com, “Perancangan Game Mobile Android Bergenre Horror”, Perancangan Game, Desember 2016, <https://media.neliti.com/media/publications/230947-perancangan-game-mobile-android-bergenre-528845ed.pdf> [diakses 19 Maret 2020].
Codepolitan.com, “Membuat Permainan Sederhana dengan JQuery”, Website Pembelajaran Coding, 14 November 2016, <https://www.codepolitan.com/membuat-permainan-sederhana-dengan-jquery-58285244f1056-14033> [diakses 19 Maret 2020].
Rifqifai.com, “ARTIFICIAL INTELLIGENCE mengenal apa itu ai”, Website Mengenai Informasi AI, 19 Agustus 2016, <https://rifqifai.com/mengenal-apa-itu-ai-artificial-intelligence-kecerdasan-buatan/> [diakses 19 Maret 2020].
Medium.com, “Mengenal Decision Tree dan Manfaatnya”, Website Pengetahuan, 23 Juli 2018, <https://medium.com/iykra/mengenal-decision-tree-dan-manfaatnya-b98cf3cf6a8d> [diakses 19 Maret 2020].