
Advanced Game Design with HTML5 and JavaScript
Rex van der Spuy
- Editorial
- Apress
- Año
- 2015
- Páginas
- ~540
- Nivel
- Avanzado
De qué trata
Libro de Rex van der Spuy (Apress, colección Expert's Voice) para crear juegos de acción 2D con JavaScript puro, sin librerías ni motores de terceros, construyendo uno mismo todas las herramientas. Es la continuación de su Foundation Game Design with HTML5 and JavaScript. La editorial lo recomienda a programadores con experiencia y a principiantes ambiciosos que ya conocen JavaScript. Usa la sintaxis de ES6, que en 2015 era muy reciente.
El primer capítulo pone al día al lector con ES6: clases y composición, promesas, getters y setters y objetos de configuración. A partir de ahí el índice avanza de forma progresiva: la API de dibujo de Canvas, la carga y gestión de recursos (imágenes, fuentes, JSON y atlas de texturas), los sprites organizados en un grafo de escena, el movimiento y la física básica, la interactividad con teclado, ratón y pantallas táctiles, y la detección de colisiones. Siguen un capítulo para pulir la sensación de juego («Juice it up», con efectos como partículas), sonido con la Web Audio API, interpolaciones (tweening) y, al final, la unión de todo en un motor de juego propio. Un apéndice explica con detalle los vectores aplicados al movimiento y a las colisiones.
El lector termina con su propia librería de juegos 2D, construida pieza a pieza, y con varios juegos de ejemplo que la aprovechan. Por eso es ideal para entender lo que hacen por dentro motores como Phaser o Pixi. Es largo y exigente: conviene manejar bien JavaScript y no asustarse con algo de matemática vectorial. No trata 3D, WebGL ni la publicación en tiendas, y quien solo quiera terminar un juego rápido estará mejor con un motor existente.
- JavaScript ES6
- Canvas API
- Sprites
- Grafo de escena
- Física y movimiento
- Detección de colisiones
- Vectores
- Web Audio API
- Tweening
- Efectos de partículas
- Motor de juego propio
- Juegos 2D
¿Cómo enseña?
Teoría + práctica
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Motor de juego 2D propio
Librería en JavaScript puro que se arma a lo largo del libro, con renderizado en Canvas, grafo de escena, carga de recursos, colisiones, sonido con Web Audio API y tweening, y que se integra como motor en el último capítulo.
Juegos de acción 2D de ejemplo
Prototipos de juegos que se construyen con las herramientas del libro para practicar el movimiento, la interactividad y las colisiones; las fuentes consultadas no dan sus nombres.

