Prestazioni del gioco su tela HTML5 rispetto alle alternative

Question

Sto iniziando lo sviluppo di un gioco HTML5 utilizzando la tela. Le cose stanno andando bene finora, ma ho alcune cose su cui sono un po 'perplesso, soprattutto per quanto riguarda le prestazioni di questo gioco. Quindi, invece di trovarmi di fronte a una serie di problemi nel processo di sviluppo, sarei grato di scoprirlo ora.

Ho già lavorato in lingue come OpenGL e ho imparato quanto sia importante rendere le cose in un ordine efficiente, questo è qualcosa che può dare un fattore di centinaia di prestazioni migliori rispetto a disegnare roba allo schermo in modo casuale avanti tra trame/shader ecc. È qualcosa che dovrei tenere a mente con un gioco di tela, o le cose verranno automaticamente messe in coda e renderizzate in un ordine efficiente?

Sarà un gioco 2D, ma con alcuni oggetti sullo schermo e molti di essi desaturati e modificati in luminosità (filtri). Le prestazioni saranno un problema serio?

Quali sono le alternative, qualsiasi motore di gioco javascript che può aiutare le prestazioni? Avrò un incremento delle prestazioni passando a WebGL anche se la tela standard ha accelerazione hardware?

Answer 1

Sì, si otterrà un notevole incremento delle prestazioni con WebGL. Considerare l'utilizzo dell'eccellente sistema di rendering 2D chiamato Pixi. Trasforma gli sprite in WebGL con un fallback su Canvas.

Oppure, è possibile creare il proprio sistema di rendering sprite WebGL di livello basso utilizzando game-shell e gl-modules. gl-now è un buon punto di ingresso in questi moduli. Puoi usarli per costruire il tuo motore di gioco.

Phaser, è un motore di gioco HTML5 completo che attualmente ha molta trazione e utilizza Pixi per la resa. Un posto migliore di StackOverflow per cercare aiuto su tutti questi problemi è http://www.html5gamedevs.com.