Keadaan Saat Ini dan Masa Depan Game HTML5 – Jawaban atas pertanyaan ini harus didahului dengan penjelasan singkat: HTML5 bukanlah bahasa pemrograman (terlepas dari frasa umum “aplikasi HTML5”, game diprogram dalam bahasa JavaScript), melainkan memberikan API untuk solusi baru seperti Canvas, WebGL atau WebAudio, yang bertanggung jawab atas komponen penting dalam pembuatan game yang memungkinkannya berjalan di browser.
Keadaan Saat Ini dan Masa Depan Game HTML5
wimi5 – Dasar permainan ini adalah Kanvas yang – dalam bahasa sehari-hari – kita menggambar; elemen khusus ini memungkinkan tampilan grafik pemrograman. Selain itu, berkat WebGL, Canvas memungkinkan kita menggambar grafik yang dipercepat oleh perangkat keras oleh GPU.
Melansir awwwards, Selanjutnya, WebGL yang berbasis OpenGL ES 2.0 menyediakan antarmuka grafis dua dan tiga dimensi. Berkat semua kemungkinan itu, game HTML5 bisa menjadi sangat efisien, dapat dimainkan, dan pada saat yang sama, sangat mengesankan.
Baca juga : Alat Paling Penting untuk Pengembangan Game HTML5
Mengapa tidak Flash?
Pembaca yang tanggap akan menyadari bahwa kemungkinan serupa ditawarkan oleh… Flash. Dalam hal ini mengapa mempertimbangkan untuk menggunakan HTML5 untuk pembuatan game? Penjajaran pro dan kontra kedua teknologi yang disajikan di bawah ini akan membantu menjawab pertanyaan itu.
HTML5
Manfaat:
- bekerja langsung di browser tanpa plugin tambahan;
- satu basis kode memungkinkan menjalankan game di perangkat apa pun yang mendukung HTML5;
- memungkinkan pembuatan game untuk perangkat seluler dan PC;
- masyarakat yang luas dan berkembang secara dinamis;
- game tidak harus diinstal pada perangkat;
- menyediakan kemungkinan untuk membuat game multipemain menggunakan, misalnya, teknologi WebSockets untuk komunikasi client-server.
Kekurangan:
- kurangnya atau hanya sebagian dukungan WebGL pada perangkat seluler;
- spesifikasi yang masih belum lengkap;
- efisiensi rendah pada perangkat seluler jika pengoptimalan tidak dilakukan.
Flash/AS3
Manfaat:
- teknologi matang, dampak berat ditempatkan pada tampilan grafis;
- sejumlah besar alat mendukung pembuatan aplikasi;
- Plugin Flash Player yang memungkinkan menjalankan game di mana pun tersedia;
- Teknologi AIR, membungkus aplikasi menjadi aplikasi asli untuk perangkat seluler dan PC.
Kekurangan:
Plugin Flash: dukungan lemah pada perangkat seluler, iOS tidak mendukung Flash;
efisiensi AIR yang rendah pada perangkat seluler.
Jadi, Flash tidak seseram kelihatannya?
Flash sangat cocok untuk pengembangan game browser, namun efisiensi yang memuaskan hanya terjamin pada komputer pribadi. Teknologi ini tidak menawarkan apa pun di luar apa yang sudah dimungkinkan dengan HTML5, ditambah lagi membutuhkan plugin yang diinstal di browser.
Terlepas dari pengembangan dan evolusi yang konstan, Flash tidak mungkin tetap berada di posisi terdepan pada browser dan tingkat pembuatan game seluler. Ini akan lebih mungkin menjadi salah satu teknologi yang kadang-kadang muncul di situs.
Mengapa HTML5?
Selama Konferensi Teknologi Persatuan GDC 2014, perusahaan yang mengembangkan mesin populer untuk game 3D dan 2D mempresentasikan versi baru mereka. Di Unity 5, plugin Unity Player yang memungkinkan menjalankan game dalam browser yang dikembangkan di mesin itu telah diganti dengan eksportir HTML5 menggunakan WebGL.
Selanjutnya Epic Games telah lama mengerjakan migrasi Unreal Engine ke HTML5. Versi terbaru Unreal Engine 4 menyediakan dukungan untuk teknologi ini juga, sesuatu yang mirip dengan GameMaker, editor dan mesin populer yang digunakan untuk pengembangan game 2D.
Ayo buat game!
Di sini, di Merixgames, HTML5 telah dipilih sebagai teknologi dasar. Ini memberi kami semua fungsi penting yang diperlukan untuk membuat game, dan pengalaman kami yang luar biasa dalam pemrograman JavaScript membuat kami yakin bahwa kami dapat menggunakannya secara maksimal.
Render grafis
Untuk rendering grafis kami menggunakan Pixi.js, renderer grafis 2D pada elemen Canvas, bekerja dengan dukungan WebGL, berkat itu, akselerasi perangkat keras grafis dimungkinkan. Pada perangkat yang WebGL tidak tersedia, perender hanya menggunakan elemen kanvas dan menghasilkan perilaku yang sama seperti saat menggunakan WebGL.
Fisika
Permainan yang lebih kompleks membutuhkan mesin fisika untuk diimplementasikan. Untuk itu, kami menggunakan solusi yang terbukti dan lebih canggih seperti Box2D.
Partikel
Efek khusus dalam game dibuat dengan apa yang disebut “partikel”. Pixi menghadirkan mesin rendering partikel, berkat itu kami dapat memperkaya game kami dengan efek visual.
animasi
Animasi dalam game 2D biasanya berbasis bingkai. Namun, ada juga alat yang memungkinkan pembuatan animasi kerangka. Dalam kasus kedua kami selalu menggunakan editor Spine.
Selama proses pengembangan game, kami juga menggunakan banyak alat lain. Terkadang kami menggunakan framework Phaser yang menggunakan Pixi untuk rendering grafis. Ini juga memiliki banyak fasilitas dan fungsi out-of-the-box yang sangat cocok untuk pengembangan game sederhana dan pembuatan prototipe.
Saat membuat game yang ditujukan untuk perangkat seluler, ada baiknya mempertimbangkan penggunaan wadah yang akan “membungkus” game kita ke dalam aplikasi asli. Salah satu alat tersebut adalah CocoonJS. Ini mengubah game HTML5 kami menjadi aplikasi asli untuk platform seluler tertentu, berkat itu kami mendapatkan dukungan WebGL, rendering grafis yang lebih cepat di Canvas, dan akses ke komponen perangkat keras seperti GPS, akselerometer, dll.
Skytte
Salah satu game kami, Skytte, sepenuhnya dikembangkan dalam HTML5. Dalam hal ini kami tidak menggunakan mesin yang ada, tetapi memutuskan untuk menulis sendiri yang menyediakan semua fungsi yang kami butuhkan: deteksi tabrakan, sistem partikel, dukungan keyboard, rendering grafis, dll.
Casual Arena
Situs ini awalnya dikembangkan menggunakan teknologi Flash dan baru-baru ini telah sepenuhnya bermigrasi ke WebGL dan HTML5. Game multipemain di Casual Arena merupakan contoh bagus lain dari game HTML5 yang dikembangkan oleh Unity. Teknologi ini memungkinkan pengembang untuk merilis game mereka untuk browser dan perangkat Android dan iOS menggunakan kode yang hampir sama, dan hampir semua browser modern merender WebGL dengan benar. Deteksi tabrakan, keyboard, mouse dan dukungan sentuh, sistem partikel, dan banyak fitur lainnya, ditawarkan oleh Unity dan dapat dengan mudah diimplementasikan dalam proyek.
Ringkasan
Alat-alat yang disajikan dalam artikel ini hanyalah sebagian kecil dari berbagai variasi yang tersedia secara online. Database besar solusi siap pakai, perpustakaan, mesin, dan kerangka kerja yang dapat digunakan untuk pengembangan game HTML5 mudah ditemukan. Kami percaya bahwa HTML5 akan menjadi platform yang kuat dan fungsinya akan memungkinkan kami untuk membuat produksi yang sangat menarik dan inovatif yang dapat dimainkan langsung melalui browser.
