Build your own 2D Game Engine and Create Great Web Games

Primera edición de un libro de Apress en el que Kelvin Sung (profesor de la Universidad de Washington Bothell), Jebediah Pavleas, Fernando Arnez y Jason Pace enseñan a construir desde cero un motor de juegos 2D para el navegador con HTML5, JavaScript y WebGL (la versión 1 de la API, ya que WebGL2 llegó con la segunda edición de 2021). Está dirigido a programadores de nivel intermedio que se manejan bien con JavaScript y quieren entender cómo funciona por dentro un motor, en lugar de limitarse a usar uno ya hecho. Ayuda tener nociones básicas de álgebra lineal y de gráficos por computadora.

El libro avanza de forma gradual y explica en cada paso las ideas de ingeniería de software, gráficos, matemáticas, física y diseño de niveles en que se apoya el motor, con el código fuente comentado. Los capítulos recorren la configuración de HTML5 y WebGL (shaders y canvas), el dibujo de objetos en el mundo con transformaciones y sistemas de coordenadas, los componentes comunes de un videojuego (bucle de juego, entrada por teclado, carga de recursos y audio), las texturas, los sprites y las fuentes, la definición de comportamientos y la detección de colisiones, la manipulación de la cámara, la iluminación y las sombras, la integración de física y partículas, y los fondos de cámara con varias capas. El último capítulo lleva un juego desde el diseño hasta su terminación.

El resultado práctico es doble: un motor reutilizable que se amplía capítulo a capítulo y, al final, el nivel prototipo de un juego de plataformas de acción con desplazamiento lateral. Lo que más aporta es que desmonta la "caja negra" de los motores comerciales y deja un método para prototipar mecánicas y niveles. Conviene saber que el código es JavaScript anterior a los módulos ES6 y que usa WebGL 1, así que hoy queda algo anticuado: quien empiece desde cero quizá prefiera la segunda edición. El repositorio oficial de Apress incluye además versiones del motor con física, partículas e interfaz de usuario.