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