
Learn HTML5 by Creating Fun Games
Rodrigo Silveira
- Editorial
- Packt
- Año
- 2013
- Páginas
- ~374
- Nivel
- Intermedio
De qué trata
Libro de Rodrigo Silveira, ingeniero de software en Deseret Digital Media, que enseña HTML5 programando juegos sencillos y divertidos. Se publicó en 2013, cuando muchas de las API de HTML5 eran todavía nuevas o experimentales. Está pensado para desarrolladores web con conocimientos de HTML, CSS y JavaScript que quieren descubrir lo que ofrece la plataforma de forma amena. Mantiene la teoría al mínimo, en recuadros de consejos, y dedica casi todo el espacio a construir juegos paso a paso.
Cada capítulo presenta un grupo de tecnologías a través de un juego. Primero hace un repaso general de HTML5, CSS3 y las API de JavaScript. Luego trata la estructura semántica, los formularios web con validación nativa y los nuevos tipos de campos, los atributos data-* y los efectos de CSS3 (transiciones, animaciones, fuentes web y sombras). Explica también cómo escribir código compatible entre navegadores con polyfills y Modernizr, y usa SVG, Web Audio y arrastrar y soltar. Más adelante llega a Canvas, los typed arrays, los Web Workers, el application cache para funcionar sin conexión, la mensajería entre ventanas y el almacenamiento con localStorage, sessionStorage e IndexedDB. Termina con un repaso de WebGL, WebSockets, video y geolocalización, y con un capítulo de juegos para móviles con media queries y eventos táctiles.
Los juegos sirven de excusa para recorrer muchas API, así que el libro ofrece un panorama amplio de lo que puede hacer el navegador más que una formación profunda en desarrollo de videojuegos: no usa motores ni trata la arquitectura de juegos complejos. Su principal limitación es la antigüedad. El application cache ya desapareció de los navegadores, y algunas API y prefijos han cambiado, por lo que conviene revisar cada técnica con la documentación actual (por ejemplo, MDN).
- HTML5
- CSS3
- Canvas
- SVG
- Web Audio
- Web Workers
- IndexedDB
- Web Storage
- WebGL
- WebSockets
- Modernizr
- Eventos táctiles
¿Cómo enseña?
Con proyectos
- ✗ Sin ejercicios
- ✓ Incluye proyectos
Proyectos
Juego de mecanografía
Juego de escribir rápido con un barco, olas, varios jugadores y tabla de puntuaciones. Se usa para practicar formularios de HTML5, tipos de campos, validación, atributos data-* y efectos de CSS3.
Jelly Wobbling (juego de gelatina)
Juego que introduce SVG, Web Audio y arrastrar y soltar, además de técnicas de compatibilidad entre navegadores con polyfills y Modernizr.
Juego de la serpiente
Clásico Snake en canvas que usa typed arrays, Web Workers y el application cache. En un segundo capítulo se mejora con mensajería, Web Storage e IndexedDB para guardar las mejores puntuaciones y capturas de pantalla.
Juego de naves 2D para móviles
Juego de disparos espaciales adaptado a dispositivos móviles con media queries y eventos táctiles.

