
HTML5 Games
Jacob Seidelin
- Editorial
- Wiley
- Año
- 2014
- Páginas
- ~456
- Nivel
- Básico
De qué trata
Segunda edición, publicada por Wiley en 2014, de "HTML5 Games: Creating Fun with HTML5, CSS3 and WebGL" de Jacob Seidelin, desarrollador conocido por sus experimentos pioneros con canvas y JavaScript. El libro enseña a crear desde cero un juego completo para el navegador que funcione tanto en escritorio como en móviles, usando solo tecnologías web abiertas. Está pensado para desarrolladores web de nivel básico a intermedio que ya manejan HTML, CSS y JavaScript y quieren dar el salto al desarrollo de juegos.
El contenido se organiza en cuatro partes: introducción a los juegos con HTML5, creación del juego básico, incorporación de 3D y sonido, y almacenamiento local con modo multijugador. Primero se construye un pequeño framework propio con carga de recursos y gestión de pantallas, y luego cada capítulo añade una pieza: generación de los datos del nivel, Web Workers para la lógica en segundo plano, dibujo con canvas, animaciones y transiciones con CSS3, entrada por ratón, teclado y pantalla táctil, sonido con HTML5 Audio, gráficos 3D con WebGL, datos persistentes con almacenamiento local y partidas multijugador en tiempo real con WebSockets y un servidor en Node.js.
Todo el libro gira en torno a un mismo proyecto, Jewel Warrior, un juego de puzles inspirado en Bejeweled en el que se intercambian joyas para alinear tres iguales, que va creciendo capítulo a capítulo. Así se ve cómo encajan las APIs de HTML5 en una aplicación real y no en ejemplos sueltos, que es su mayor mérito. No usa motores ni librerías de juegos como Phaser o Three.js, lo que obliga a entender las APIs nativas pero también hace que algunas soluciones resulten artesanales para los estándares actuales. Conviene tener soltura con JavaScript y saber que parte del código refleja el navegador de 2014.
- HTML5
- Canvas
- CSS3
- WebGL
- HTML5 Audio
- Web Workers
- Almacenamiento local
- WebSockets
- Node.js
- Multijugador
- Juegos móviles
- Juego de puzles
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Jewel Warrior
Juego de puzles inspirado en Bejeweled en el que se intercambian joyas para alinear tres iguales, construido sobre un framework propio. Se le van sumando canvas y CSS3 para los gráficos, entrada táctil, HTML5 Audio, una versión 3D con WebGL, Web Workers, almacenamiento local y modo multijugador con WebSockets.

