Un gioco scritto usando HTML5 funzionerà su smartphone?

Vorrei scrivere un gioco che potesse essere giocato su smartphone e mi chiedevo se HTML5 potesse essere un modo per scrivere giochi per lavorare su una vasta selezione di smartphone.

Ho appena eseguito il test HTML5 :

• Il mio iPod Touch di seconda generazione con iOS 3.1.3 ottiene 125 e 7 punti bonus su 300 in Safari. Di particolare nota per lo sviluppo del gioco:
  • Punti pieni in tela! Ottimo per il rendering del gioco.
  • Supporta l'elemento video con i formati MPEG-4 e H.264
  • Supporta l'elemento audio con i formati PCM, MP3 e AAC (ottimo per bgm e suoni!)
  • Sono supportati archivi di sessioni e locali, così come il database SQL Web! (gioco salva file?)
  • La cache dell'applicazione è supportata; Presumo che questa funzione ti consenta di memorizzare nella cache file di dati di gioco (immagini e simili) per un caricamento più veloce. Mi sembra fantastico!
  • Nessun supporto WebGL.
  • Nessun WebSocket neanche; i giochi multiplayer dovranno usare qualcos'altro come il polling AJAX.
• My Droid Incredible con Android OS 2.1 (+ Sense UI) ottiene 151 e nessun punto bonus su 300 nel suo browser integrato. Ancora una volta, di particolare nota:
  • Supporto completo per Canvas
  • elemento video supportato ma tutti e quattro i codec avevano X su di essi. Mi chiedo quali formati può riprodurre?
  • elemento audio, stessa cosa supportato dal video ma tutti i formati hanno X.
  • Sessione e archiviazione locale e database SQL Web tutti supportati
  • La cache dell'applicazione è supportata
  • Nessun WebGL o WebSocket
  • Gli operatori Web sono supportati, che non erano supportati sul mio iPod; questi potrebbero essere una buona cosa nello sviluppo del gioco per cose che agiscono in parallelo - forse AI?
• Modifica 2011/1/18: My Droid Incredible ora ha Android 2.2 e segna un 176 su 300. Tchalvak (nei commenti) ha ottenuto lo stesso punteggio con il suo Droid 2, quindi sembra essere comune per il browser Android 2.2. Ho anche provato il browser Opera Mobile che ha ottenuto un terribile 72 (senza punti bonus) su 300, ma supporta pienamente canvas!

Come puoi vedere, l'iPod / iPhone e Android sono molto collo-e-collo e sembrano supportare una discreta gamma di funzionalità HTML5. Canvas è ottimo per la grafica del browser 2D e l'elemento audio sarebbe probabilmente ottimo per riprodurre suoni di sottofondo e musica, ed è anche davvero bello vedere che entrambe le piattaforme supportano l'archiviazione (anche se potresti sempre usare solo i cookie, a seconda delle dimensioni di un salvataggio del gioco). Quindi nel complesso direi che dovresti provarci. I numeri non sono tutto; come ha detto wkerslake "nessuno di questi numeri ispira fiducia" ma se guardi attraverso ciò che è supportato, sembra essere tutto ciò di cui hai bisogno!

Dico provaci! Vi auguro buona fortuna.

A proposito, potresti voler guardare Vanthia . È un browser game che utilizza la tela per un disegno efficiente. Ho avuto modo di giocare alla closed beta ed era certo che sarebbe arrivato! Lo sviluppatore ha detto molto poco per oltre sei mesi, tranne per il fatto che lo sta sicuramente sviluppando, ma solo mantenendo le cose un po 'segrete.

Potresti anche ottenere alcune idee dal recente logo interattivo Pacman di Google . Non era molto HTML5 ma sicuramente funzionava! Dimostra che in realtà non hai bisogno di HTML5 per creare un gioco per browser (e penso che HTML5 sia lanciato troppo come una parola d'ordine, proprio come AJAX era o è ancora). Esiste un progetto github con una versione deobfuscata e pulita della fonte che puoi guardare e giocare.

HTML5 è ben lungi dall'essere supportato onnipresente anche nei browser Web su PC molto meno telefoni.

Questi numeri si basano sul test html5

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

Nessuno di questi numeri ispira fiducia

Potrebbe sembrare un po 'tardi, ma vorrei fornire un aggiornamento sulla situazione di HTML5 e dei browser mobili ora che è passato del tempo. Ultimamente, sono stati sviluppati alcuni motori di gioco che produrranno giochi compatibili con HTML5 (vedi: Construct 2 e Game Maker Studio ). Entrambi producono prestazioni OK ma ci sono stati notevoli problemi con estensioni fisiche e oggetti in rapido movimento su alcune piattaforme. iOS è ancora all'avanguardia quando si tratta di prestazioni, ma Android ha fatto molta strada con le ultime versioni di Chrome. Va notato che Dolphin Browser su Android aumenta anche del 100% le prestazioni di HTML5! Di seguito puoi vedere un rapido confronto fatto per un test :

Se stai cercando di eseguire l'ottimizzazione manuale, ecco alcuni ottimi consigli elencati qui . Inoltre, con i giochi HTML5 che stanno diventando sempre più popolari e consentiti su siti come Kongregate e in precedenza altri portali di giochi esclusivi flash - non c'è motivo di temere di scrivere più giochi basati su HTML5 per un dispositivo mobile.

Esistono anche alcune librerie per mantenere le cose facili da usare su dispositivi mobili, ne ho elencato un paio di seguito:

KineticJS

EaselJS

QuarkJS

a partire da luglio 2012, puoi realizzare giochi HTML5 mobili senza problemi. Guarda questo video

Dal punto di vista tecnico è certamente fattibile. Ci sono alcuni problemi / insidie:

• Non ci sono molti framework all'aperto, quindi dovrai praticamente scrivere tutto da zero. Dal renderer, alla gestione del suono, al rilevamento delle collisioni. Questo può richiedere molto lavoro, a seconda di cosa stai cercando di fare.
• Dovrai avere un'ottima conoscenza di JavaScript. Alcune normali pratiche OOP non funzionano quando si utilizza questa lingua. Probabilmente non è la scelta migliore per un gioco con enormi quantità di codice :)
• Non dimenticare le prestazioni. Gli smartphone sono lontani dalle prestazioni di un tipico PC desktop. Dovrai testare attentamente le prestazioni su diversi dispositivi. Potrebbe anche dipendere dal motore JavaScript (browser) installato sul dispositivo. Questo non è un problema solo HTML5 ovviamente.
• Cerca di ridurre la larghezza di banda necessaria per il gioco. I dispositivi mobili tendono ad avere connessioni più lente e a volte le persone pagano per la larghezza di banda che usano. Prova a utilizzare la memorizzazione nella cache quando possibile.

Ho trovato un buon post su iPad e HTML5: http://mir.aculo.us/2010/06/04/making-an-ipad-html5-app-making-it-really-fast/

Inoltre eviterei pesanti disegni su tela su iPad, per qualche motivo sembra essere piuttosto lento.

Puoi usare PhoneGap Build :

Basta caricare un file zip con il codice HTML5 e ti darà l'applicazione per: Android, iOS, winphone, Blackbarry, Symbian ..ecc ..