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.
Persiapan
Sebelum lebih lanjut membahas pembuatan game Android menggunakan HTML5, lakukan langkah-langkah berikut ini terlebih dahulu:
Sebelum lebih lanjut membahas pembuatan game Android menggunakan HTML5, lakukan langkah-langkah berikut ini terlebih dahulu:
Unduh dan instal Intel XDK
Jika belum mengenal tentang Intel XDK atau masih baru di dunia HTML5, bisa membaca dua artikel ini terlebih dahulu.
Unduh source code untuk game Snake-nya di link ini
Impor proyek Snake dari source code yang diunduh sebelumnya ke Intel XDK
Penjelasan
Dengan 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:
Dengan 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
Canvas adalah bagian terpenting di game ini karena menjadi wadah di mana kita menggambar grafis-grafis untuk menganimasikan game Snake.
Event onTouchStart
Event onTouchStart digunakan untuk mendeteksi ketika sebuah komponen HTML5 disentuh oleh seseorang di perangkatnya.
jQuery Mobile
jQuery Mobile digunakan untuk mempercantik tampilan aplikasi dan agar komponen HTML5-nya lebih optimal untuk interaksi melalui sentuhan pengguna di layar sentuh perangkat mereka.
JavaScript
JavaScript digunakan untuk mayoritas penulisan logika di game Snake ini agar game-nya dapat berfungsi seperti yang ditujukan.
Canvas adalah bagian terpenting di game ini karena menjadi wadah di mana kita menggambar grafis-grafis untuk menganimasikan game Snake.
Event onTouchStart
Event onTouchStart digunakan untuk mendeteksi ketika sebuah komponen HTML5 disentuh oleh seseorang di perangkatnya.
jQuery Mobile
jQuery Mobile digunakan untuk mempercantik tampilan aplikasi dan agar komponen HTML5-nya lebih optimal untuk interaksi melalui sentuhan pengguna di layar sentuh perangkat mereka.
JavaScript
JavaScript digunakan untuk mayoritas penulisan logika di game Snake ini agar game-nya dapat berfungsi seperti yang ditujukan.
Fungsi onDeviceReady
Fungsi ini berfungsi sebagai tempat di mana programmer mulai memasukkan logika pemrogramannya.
Fungsi ini berfungsi sebagai tempat di mana programmer mulai memasukkan logika pemrogramannya.
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.
Written by Unknown
We are one of the initiators of the development of information technology in understanding the need for a solution that is familiar and close to us.
0 comments:
Post a Comment