HTML5 Canvas For Dummies

Guía introductoria de Don Cowan, ingeniero de software con experiencia en gráficos e interfaces de usuario, dedicada por completo al elemento canvas de HTML5. Publicada por Wiley entre finales de 2012 y comienzos de 2013, enseña a añadir gráficos, animación, sonido y video a un sitio web solo con HTML5 y JavaScript, sin complementos ni reproductores externos. Está pensada para diseñadores y desarrolladores web de nivel básico o intermedio. Como incluye un curso acelerado de JavaScript, no hace falta dominar el lenguaje antes de empezar.

El recorrido empieza con una mirada a cómo funciona el canvas y la preparación del entorno, y sigue con la API de dibujo 2D: trazados, formas, colores, degradados, texto e imágenes de mapa de bits. Después aborda las transformaciones (traslación, rotación, escalado), el movimiento de objetos, la interacción con el usuario mediante eventos de ratón y teclado, y la integración de los elementos audio y video de HTML5. La última parte se centra en la animación cuadro a cuadro y en armar un pequeño marco de trabajo para juegos sobre canvas.

Se practica con muchos ejemplos de código breves que el lector puede probar en el navegador, y termina con la base de un juego sencillo. Es una buena puerta de entrada para entender la API nativa del canvas antes de usar librerías como PixiJS, Phaser o Fabric.js, que el libro no trata. Por su fecha no cubre WebGL ni las APIs más recientes, como OffscreenCanvas, y su JavaScript es anterior a ES6.