Build an HTML5 Game

Guía práctica de No Starch Press en la que Karl Bunyan enseña a programar un juego para el navegador de principio a fin usando solo tecnologías web estándar: HTML5, CSS y JavaScript, con jQuery como apoyo (es de 2015). Está pensada para desarrolladores que ya conocen lo básico de HTML, CSS y JavaScript y quieren aplicarlo a algo más interactivo que una página web, sin depender de motores de juego ni plugins.

El libro tiene dos partes. En la primera se prepara el entorno y se construye el juego con HTML, CSS y JavaScript: animación de sprites con jQuery y CSS, la lógica del juego, la detección de colisiones mediante hitboxes y la forma de reflejar el estado del juego en pantalla. En la segunda se mejora con funciones de HTML5: transiciones y transformaciones CSS, renderizado de sprites en el elemento canvas con control a nivel de píxel, un plugin de jQuery para efectos de explosión, niveles, puntuación, sonido para los cambios de estado y un capítulo final sobre otras capacidades de HTML5 para seguir avanzando. Cada capítulo termina con ejercicios para ampliar el código.

Todo gira alrededor de un único proyecto, un bubble shooter que funciona tanto en navegadores de escritorio como en móviles, y eso le da un hilo conductor muy claro: al final tienes un juego completo y entiendes cómo se organizan el bucle, el estado y el render. Como contrapartida, el uso de jQuery y algunas técnicas de la época se notan antiguos frente al JavaScript moderno (módulos, clases, requestAnimationFrame como estándar), y no cubre WebGL, físicas ni frameworks como Phaser. Es una buena introducción a los fundamentos de los juegos 2D en el navegador, sobre todo si se reescriben los ejemplos con JavaScript actual.