Akankah Game yang ditulis menggunakan HTML5 berfungsi pada smartphone?

13

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.

html5 EddieC
sumber

Jawaban:

17

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.

Ricket
sumber
Droid 2 global saya baru saja mencetak nilai 176 (dari?) Pada html5test. Poin penuh untuk kanvas.
Kzqai
Ah memang, Droid Incredible saya yang sekarang memiliki Android 2.2 juga skor 176 dan tidak ada poin bonus dari 300. Saya akan menambahkannya dalam jawabannya.
Ricket
Juga memperbarui tentang status Vanthia, pengembang tetap hampir diam tetapi mengingat bahwa ia berhenti dari pekerjaannya sehari-hari untuk permainan, saya hanya bisa berasumsi dia akan mengejutkan kita semua dengan rilis besar hari ini. Saya hanya berharap dia akan lebih terbuka tentang hal itu.
Ricket
3

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

wkerslake
sumber
1
Jawaban ini akan lebih membantu jika ada hubungannya dengan pertanyaan.
Jason Orendorff
1
Saya harus lebih spesifik. Saya tidak melihat bagaimana IE8 ada hubungannya dengan pertanyaan sama sekali. Dan menurut saya total html5test monolitik tidak membantu. Pertanyaannya adalah apakah bagian-bagian yang sedang dilaksanakan adalah setiap baik untuk game (jawabannya tampaknya ya) dan apakah game-game bisa benar-benar diharapkan untuk dijalankan pada berbagai ponsel (saya pikir ya lagi).
Jason Orendorff
Pengalaman saya dengan apa pun yang terkait dengan HTML adalah browser yang berbeda selalu melakukan sesuatu yang sedikit berbeda. Bahkan ketika mereka semua secara teori mendukung fitur, mereka mungkin mendukungnya sedikit berbeda. The html5test adalah panduan yang berguna untuk melihat perbedaan dukungan di seluruh platform. Selama Anda tetap pada subset kecil opsi yang didukung oleh semua browser yang Anda rencanakan untuk dikerjakan, maka game mungkin bisa bekerja. Saya hanya tidak memiliki banyak kepercayaan pada browser untuk membangun dan / atau mempertahankan dukungan untuk standar ini dengan benar. (Lihat Chrome menjatuhkan dukungan H264 yang ada)
wkerslake
Hari ini: Chrome 10.0.648.205 ... 288 poin dan 13 bonus.
BerggreenDK
3

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:

masukkan deskripsi gambar di sini

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

Vaughan Hilts
sumber
1

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

ben0
sumber
0

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.
bummzack
sumber
0

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 ..

pengguna1833218
sumber
1
Anda agak terlambat dalam hal ini. ;)
Cameron Fredman
@CameronFredman Karena HTML5 selesai pada Agustus 2010 atau karena moderator berhenti menutup pertanyaan serupa?
Den