Mi chiedevo se qualche esperto là fuori potesse condividere le conoscenze e le risorse di ciò che è necessario per iniziare a creare giochi con gli ultimi standard HTML e JavaScript (o come alcuni preferiscono chiamare HTML 5). Esistono librerie JavaScript essenziali per il processo? A parte il <canvas>tag, di quali altri elementi HTML dobbiamo essere consapevoli?
Risposte:
È necessario essere consapevoli dei tag audio e video . L'archiviazione Web è piuttosto critica se è necessario salvare molti dati per i giochi salvati ecc.
Esistono già alcuni framework di gioco html5 Javascript, Akihabara è piuttosto popolare.
Per quanto riguarda le altre librerie, Jquery e Javascript funzionale sono 2 dei miei preferiti.
Solo per buttare più risorse là fuori, controlla RaphaelJS . È una libreria di disegno e animazione SVG molto bella che ha una bella API. Non dimenticare di dare un'occhiata alle demo.
Nel complesso, consiglierei i <canvas>tag rispetto alla semplice manipolazione del DOM (ad es. Rendere ogni sprite proprio <div>per rendere incredibilmente semplice l'hit test). È facile sbagliare e mal funzionare la manipolazione del DOM, mentre le tradizionali strategie di sviluppo 2D funzionano bene su un canvas HTML.
Oltre ad alcuni dei framework di gioco presenti, dovresti essere consapevole del Burst Engine, che è un framework JS per la visualizzazione di animazioni basate su SVG in una tela HTML5:
Finora ho visto persone menzionare i tag e, ma ci sono altre cose DOM che sono vitali per lo sviluppo di giochi JS / HTML, tra cui cose come l'aggiunta di callback EventListener all'elemento per cose come gli eventi 'mousemove' e 'mousedown'. Ad esempio, questo prende il primo elemento canvas che riesce a trovare e lo configura in modo tale che quando fai clic sull'area di disegno, chiama una funzione che hai definito chiamata "shootAtClick":
document.getElementsByTagName ("CANVAS") [0] .addEventListener ('mousedown', shootAtClick, false);
Puoi vederlo in azione in questo esempio in cui ho esteso il motore Akihabara per accettare il controllo di base del mouse. (Premi Z per iniziare, usa i tasti freccia per spostarti, fai clic con il mouse per sparare nella direzione del cursore.)
Conoscenza di quali componenti HTML5 sono supportati in quali browser.
Sebbene la compatibilità tra browser stia diventando migliore e più uniforme col passare del tempo, alcuni dei componenti più recenti non sono ancora completamente supportati allo stesso modo.
L'archiviazione locale potrebbe presentare alcune differenze specifiche del browser e per il supporto legacy avrai sicuramente bisogno di una libreria come jStorage o YUI Storage Lite .
Anche i socket Web possono presentare differenze specifiche per il browser, ma socket.io sembra una libreria promettente che fornisce un'astrazione conveniente.
La compatibilità audio è un componente piuttosto importante che richiede file audio diversi per browser diversi: http://html5doctor.com/native-audio-in-the-browser/
Chrome ha un paio di bug audio significativi, come l'impossibilità di riprodurre brevi file audio e la riproduzione di molti suoni simultanei può causare il crash dell'intero browser.
La cosa principale è capire le differenze del browser, usando le librerie per astrarre e fornire il supporto legacy secondo necessità.
HTML e JavaScript sono onestamente piattaforme pessime per lo sviluppo di giochi, ma questo non avrà importanza fino a quando non deciderai un tipo di gioco. La risposta sarebbe radicalmente diversa per uno sparatutto in prima persona, un RTS o un gioco puzzle.
Si noti che stai iniziando a ottenere risposte vaghe e ondulate che scuotono le tecnologie casuali che sembrano pulite. Questo è un segnale di avvertimento che non hai posto una domanda con una risposta particolarmente legittima.
Potresti anche chiedere quali elementi C ++ sono necessari per scrivere applicazioni. Dipende. Raccontaci di più sul progetto e potresti ricevere una risposta utile.
Nel complesso, c'è una ragione per cui quasi tutti i giochi Web sono ancora Flash.