HTML5 Games merupakan perintah pada HTML5 yang digunakan untuk membuat game. Canvas dan JavaScript difungsikan untuk membuat animasi dan gerakan yang di control perintah HTML5. Pada contoh kali ini Labkom99 membuat HTML5 Games Battle City Dengan Canvas Dan JavaScript. Dengan browser yang mendukung HTML5 battle city ini langsung dapat di mainkan.
HTML5 Games battle city adalah versi game klasik 90an dari game tank battle yang dibuat dengan html5 canvas dan js. Bentuk animasi dan berbagai tank di game tank battle city html5 ini sama persis dengan versi aslinya. Bagi Anda yang ingin mempelajari source code HTML5 battle city ini, silahkan ikuti artikel ini.
Struktur HTML5 dapat dilihat dibawah ini. Source codenya pun sangat singkat.
<div id="canvasDiv" > <canvas id="wallCanvas" ></canvas> <canvas id="tankCanvas" ></canvas> <canvas id="grassCanvas" ></canvas> <canvas id="overCanvas" ></canvas> <canvas id="stageCanvas" ></canvas> </div>Baca juga : Membuat Game Happy Match Keren Dengan HTML5 Langsung Dapat Dimainkan
Untuk CSS tidak begitu berpengaruh, karena game ini sepenuhnya menggunakan canvas dan JavaScript.
Bagi yang ingin memainkan game ini silahkan ikuti link DEMO HTLM5 Battle City
Bagi yang ingin mempelajari source code HTML5 battle city silahkan bisa diambil DISINI
Petunjuk permainan HTML5 Games
Instruksi:
Pemain 1: Gunakan Tombol WASD Naik, kiri, bawah, kanan. Gunakan tombol SPACE untuk menembak.
Pemain 2: Tombol panah Naik, kiri, bawah, kanan, ENTER untuk menembak.
Lavel : Tombol N Lavel berikutnya, P Lavel sebelumnya.
Kesimpulan:
Hanya perlu sedikit mengubah kode html anda sudah dapat memainkan game ini. Tanpa resource besar game ini juga sudah bisa dijalankan. Anda hanya perlu menggunakan browser yang sudah kompatibel dengan HTML5.
HTML5 adalah teknologi lintas platform atau lintas browser yang berarti Anda tidak mengecualikan audiens mana pun. Menawarkan audiens yang sangat besar untuk game pemasaran. Karena game HTML5 menawarkan pendapatan yang lebih tinggi melalui opsi monetisasi seperti iklan dalam game.
Pengembang dapat menggunakan saluran pemasaran yang ada dan yang baru serta situs web mereka untuk promosi aplikasi. Iklan dapat ditampilkan di dalam atau di sekitar game berdasarkan umpan balik pengguna atau pengiklan.
Iklan tweaker dapat membantu memaksimalkan pendapatan dari sebuah game. Demikian pula, game HTML5 mudah dipromosikan melalui tautan berbagi. Sehingga game dapat ditampilkan di situs web yang sering dikunjungi oleh pemain game.
Bahkan ada situs yang didedikasikan khusus untuk game HTML5, seperti html5games.com dan html5games.net. Singkatnya, HTML5 adalah pilihan terbaik untuk perusahaan dengan anggaran pemasaran yang lebih ramping.
keren