Membuat game Android di jaman sekarang ini sudah dapat menggunakan HTML5 tanpa menggunakan Java. Hal ini tentu menguntungkan bagi pengembang aplikasi yang lebih familiar dengan bahasa HTML ketika ingin membuat game di Android. Show Untuk membuat game di Android menggunakan HTML5, salah satu caranya adalah dengan menggunakan Intel XDK. Jika sebelumnya sudah pernah membuat web game menggunakan HTML5, hanya perlu mengubah beberapa bagian kodingan agar game-nya dapat dijalankan dengan lancar di Android. Untuk menjelaskan seberapa mudahnya membuat game Android menggunakan HTML5, saya membuat game Snake yang berbasis dari web game Snake di TheCodePlayer. Saya mengubah dan menambah beberapa kodingan dari game tersebut menggunakan Intel XDK agar game-nya dapat dengan lancar dimainkan di Android. Persiapan Membuat Game AndroidSebelum lebih lanjut membahas membuat game Android menggunakan HTML5, lakukan langkah-langkah berikut ini terlebih dahulu:
PenjelasanDengan menggunakan Intel XDK, kita dapat menggunakan kodingan HTML5 yang sudah ada (walaupun didesain untuk web) ataupun mengkoding dari awal. Di artikel ini, kasusnya adalah menggunakan kodingan HTML5 yang sudah ada untuk kemudian diperbaharui agar dapat dimainkan di perangkat berbasis Android. Beberapa poin-poin penting yang harus diperhatikan di source code dari game ini adalah sebagai berikut: Canvas Event onTouchStart jQuery Mobile JavaScript Fungsi onDeviceReady Untuk penjelasan detail kodingan dari logika pemrograman untuk membuat game Snake sudah ada di baris-baris komentar di kodingan dalam source code. Logikanya tidak terlalu kompleks dan mudah dipahami apalagi jika sudah memiliki dasar matematika yang bagus. Walaupun pada artikel ini pengembangan game-nya ditujukan untuk platform Android, dengan Intel XDK kita juga sebetulnya dapat langsung membuat aplikasinya ditujukan untuk platform lainnya seperti iOS dan Windows Phone tanpa harus mengubah kodingan. Game Snake di artikel ini masih dasar dan bisa dikembangkan lebih lanjut. Jika ingin membuat game lainnya menggunakan HTML5, bisa melihat contoh-contoh game di situs Intel atau di TheCodePlayer. Untuk melihat tool pengembangan aplikasi Android lainnya dari Intel, bisa mengujungi Intel Developer Zone for Android. Tampilan game Snake* Artikel ini dipersembahkan oleh Intel Developer Zone. Untuk Mengetahui lebih lanjut tentang membuat aplikasi Android di Arstitektur Intel, kunjungi Intel Developer Zone for Android. Kategori Buku
Penulis Buku
Apa yang baru di HTML5?Di HTML5 terdapat beragam elemen baru diantaranya untuk menggambar grafik, menambahkan konten media, membuat struktur halaman lebih baik, Geolocation, web storage, cache application, API untuk drag/drop elemen dan lainnya.
Apa fungsi canvas pada HTML?Canvas adalah elemen baru di HTML5 untuk menggambar (render) grafik, image, dan teks.
|