Introducción
- Qué es canvas
- Compatibilidad de canvas
- Frameworks que usan canvas
- Herramientas de desarrollo
- Configurando el entorno de edición
Creando contenidos de texto en canvas.
- Banner con texto dinámico
- Creando el canvas
- Generando textos: hola mundo
- Propiedades del texto
- Usando fuentes web
- Conectando el texto con el HTML
- Animando el texto
- Utilizando traslaciones
Gráficos en canvas. Creación de un generador de spray
- Dibujando formas
- Dibujando líneas
- Formas irregulares. Traslaciones
- Esquinas y terminaciones de las líneas
- Arcos y círculos
- Mezclando canvas y HTML
- Eventos de ratón
- Haciendo el efecto de spray
- Curvas Bézier
Imágenes en canvas. Sistema de zoom. Retocando píxeles
- Cargando imágenes desde el HTML
- Trabajando con la imagen en el canvas
- Creando zoom
- Aplicando máscara
- Añadiendo filtro
- Manipulando los píxeles de la imagen
- Incorporando vídeo en canvas
- Audio en canvas
Animación compleja: usando frameworks
- Usando EaselJS
- Usando spritesheets
- Ejecutando animaciones en el sprite sheet
- Mejorando la animación