Akankah Game yang ditulis menggunakan HTML5 berfungsi pada smartphone?

Saya ingin menulis game yang bisa dimainkan di ponsel pintar dan bertanya-tanya apakah HTML5 mungkin cara untuk menulis game agar bisa digunakan di berbagai pilihan ponsel pintar.

Saya baru saja menjalankan tes HTML5 :

• My iPod Touch generasi ke-2 dengan iOS 3.1.3 skor 125 dan 7 bonux poin dari 300 di Safari. Catatan khusus untuk pengembangan game:
  • Poin penuh di Kanvas! Bagus untuk rendering game.
  • Mendukung elemen video dengan format MPEG-4 dan H.264
  • Mendukung elemen audio dengan format PCM, MP3 dan AAC (bagus untuk bgm dan suara!)
  • Sesi dan penyimpanan lokal didukung, seperti halnya Web SQL Database! (game save file?)
  • Tembolok Aplikasi didukung; Saya berasumsi fitur ini akan memungkinkan Anda men-cache file data game (gambar dan semacamnya) untuk memuat lebih cepat. Kedengarannya bagus untuk saya!
  • Tidak ada dukungan WebGL.
  • Juga tidak ada WebSocket; game multipemain perlu menggunakan sesuatu yang lain seperti polling AJAX.
• Droid Saya Luar Biasa dengan OS Android 2.1 (+ Sense UI) skor 151 dan tidak ada bonus poin dari 300 pada browser bawaannya. Sekali lagi, dari catatan khusus:
  • Dukungan Canvas penuh
  • elemen video didukung tetapi keempat codec memiliki X pada mereka. Saya ingin tahu format apa yang dapat diputar?
  • elemen audio, sama seperti video - didukung tetapi semua format memiliki X.
  • Sesi dan penyimpanan lokal dan Database SQL Web semuanya didukung
  • Tembolok Aplikasi didukung
  • Tidak ada WebGL atau WebSocket
  • Pekerja web didukung, yang tidak didukung di iPod saya; ini bisa menjadi hal yang baik dalam pengembangan game untuk hal-hal yang bertindak secara paralel - mungkin AI?
• Sunting 2011/1/18: My Droid Incredible sekarang memiliki Android 2.2 dan skor 176 dari 300. Tchalvak (dalam komentar) mendapat skor yang sama dengan Droid 2-nya, jadi sepertinya itu biasa untuk browser Android 2.2. Saya juga mencoba browser Opera Mobile yang mendapat 72 (tidak ada poin bonus) yang mengerikan dari 300, tetapi sepenuhnya mendukung kanvas!

Jadi seperti yang Anda lihat, iPod / iPhone dan Android sangat mendukung dan tampaknya mendukung sejumlah fitur HTML5 yang layak. Canvas sangat bagus untuk grafik peramban 2D dan elemen audio mungkin akan bagus untuk memainkan suara latar belakang dan musik, dan itu juga sangat keren untuk melihat bahwa kedua platform mendukung penyimpanan (meskipun Anda selalu bisa hanya menggunakan cookie tentu saja, tergantung pada ukuran save game). Jadi secara keseluruhan saya akan mengatakan Anda harus melakukannya. Jumlahnya bukanlah segalanya; seperti yang dikatakan wkerslake "tidak satu pun dari angka-angka ini menginspirasi kepercayaan", tetapi jika Anda melihat melalui apa yang didukung, tampaknya semua yang Anda butuhkan!

Saya katakan pergi untuk itu! Semoga beruntung.

Omong-omong, Anda mungkin ingin menonton untuk Vanthia . Ini adalah permainan browser yang menggunakan kanvas untuk menggambar yang efisien. Saya harus memainkan versi beta tertutup dan itu pasti akan datang! Pengembang telah mengatakan sangat sedikit selama lebih dari setengah tahun sekarang, kecuali bahwa ia pasti mengembangkannya tetapi hanya merahasiakannya.

Anda juga bisa mendapatkan beberapa ide dari logo interaktif Pacman terbaru Google . Itu tidak terlalu HTML5 tapi itu pasti fungsional! Ini menunjukkan bahwa Anda sebenarnya tidak memerlukan HTML5 untuk membuat permainan browser (dan saya pikir HTML5 terlalu banyak dilemparkan sebagai kata kunci, seperti AJAX dulu atau sekarang). Ada proyek github dengan sumber yang telah dibersihkan dan dibersihkan dari sumber yang dapat Anda lihat dan mainkan.

HTML5 masih jauh dari dukungan di mana-mana bahkan di browser web pada PC apalagi telepon.

Angka-angka ini didasarkan pada html5test

• IE8 pada PC = 27/300
• Chrome 5.0.375.125 pada PC = 197/300
• Safari 4.0.4 pada PC = 207/300
• Safari di iPhone4 = 185/300

Tak satu pun dari angka-angka itu menginspirasi kepercayaan diri

Mungkin agak terlambat, tetapi saya ingin memberikan pembaruan tentang situasi untuk HTML5 dan browser seluler sekarang setelah beberapa waktu berlalu. Akhir-akhir ini, beberapa mesin game telah dikembangkan yang akan menghasilkan game-game yang kompatibel dengan HTML5 (lihat: Construct 2 dan Game Maker Studio ). Keduanya menghasilkan kinerja OK tetapi ada masalah penting dengan ekstensi fisika dan objek yang bergerak cepat pada beberapa platform. iOS masih memimpin dalam hal kinerja, tetapi Android telah berjalan jauh dengan build Chrome terbaru. Perlu dicatat bahwa Dolphin Browser di Android bahkan meningkatkan 100% kinerja HTML5! Anda dapat melihat perbandingan cepat yang dilakukan untuk tes di bawah ini:

Jika Anda ingin melakukan optimasi manual, ada beberapa saran bagus yang tercantum di sini . Juga, dengan permainan HTML5 menjadi semakin populer dan diizinkan di situs-situs seperti Kongregate dan sebelumnya portal permainan flash eksklusif lainnya - tidak ada alasan untuk takut menulis lagi game berbasis HTML5 untuk perangkat seluler.

Beberapa perpustakaan ada juga untuk menjaga hal-hal mudah digunakan di seluler, saya telah mendaftarkan beberapa di bawah ini:

KineticJS

EaselJS

QuarkJS

per Juli 2012, Anda dapat membuat game HTML5 seluler yang lancar. Lihat video ini

Dari sudut pandang teknis, hal itu tentu bisa dilakukan. Ada beberapa masalah / jebakan:

• Tidak banyak kerangka kerja di tempat terbuka, jadi pada dasarnya Anda harus menulis semuanya dari awal. Dari renderer, hingga penanganan suara, deteksi tabrakan. Ini bisa jadi banyak pekerjaan, tergantung pada apa yang Anda coba lakukan.
• Anda harus memiliki pemahaman yang sangat baik tentang JavaScript. Beberapa praktik OOP biasa tidak akan berfungsi saat menggunakan Bahasa ini. Itu mungkin bukan pilihan terbaik untuk gim dengan jumlah kode yang besar :)
• Jangan lupa tentang kinerja. Smartphone jauh dari kinerja PC-Desktop biasa. Anda harus menguji kinerja dengan hati-hati pada perangkat yang berbeda. Mungkin juga tergantung pada JavaScript-Engine (Browser) yang diinstal pada perangkat. Ini bukan masalah HTML5 saja.
• Cobalah untuk mengurangi bandwidth yang dibutuhkan untuk gim. Perangkat seluler cenderung memiliki koneksi yang lebih lambat dan kadang-kadang orang membayar bandwidth yang mereka gunakan. Cobalah untuk menggunakan caching jika memungkinkan.

Menemukan posting yang bagus tentang iPad dan HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

Saya juga akan menghindari gambar kanvas berat di iPad, untuk beberapa alasan tampaknya cukup lambat.

Anda dapat menggunakan PhoneGap Build :

Cukup unggah file zip dengan kode HTML5 dan itu akan memberi Anda aplikasi untuk: Android, iOS, winphone, Blackbarry, Symbian..suka ..