Me llamó mucho la atención ver el comentario que hacían a @html5facil en el que comentaban lo genial que sería tener tutoriales de Canvas.

Canvas es una tecnología muy poderosa, pero es un arma de doble filo. Si bien se pueden hacer muchísimas cosas, algunas muy impresionantes y otras muy básicas, uno puedo caer en querer hacer todo utilizando Canvas. Si quieren un consejo de una persona que se enamoró de Canvas (yo) desde que conoció la tecnología, usen Canvas lo menos que puedan, si lo pueden hacer con jQuery, CSS, JavaScript, háganlo.

 

Pero…, ¿Cuándo debo usar Canvas?

Muy sencillo, si no lo puedo hacer ni con jQuery, CSS, o JavaScript, pero si con Flash, entonces… ¡Utiliza Canvas! ¿Sencillo no?

Obviamente hay campos en los que Canvas no tiene nada que ver, por ejemplo, la transmisión en vivo de audio y video, ahí Flash sigue siendo el amo y señor. Pero Canvas está apoderado por completo de las animaciones en internet, una clara prueba de ello es que Flash CS6 vendrá con una característica para generar las animaciones de Flash en Canvas.

Bien, sin más teoría que mencionar los dejo con una serie de tutoriales que les permitirá introducirse en el mundo de Canvas de manera básica, pero completa y profesional.

 

1.- El tag de Canvas – Lo que hay que saber sobre la etiqueta (ojo aquí no hay nada de programación, sólo html)

Imagen de previsualización de YouTube

 

2.- Llamando a Canvas con javaScript – Introducción básica a Canvas con javaScirpt.

Imagen de previsualización de YouTube

 

3.- El método getContext – Primeros pasos con la programación de Canvas.

Imagen de previsualización de YouTube

 

4.- El primer dibujo – Aprende a dibujar la figura más básica en Canvas

Imagen de previsualización de YouTube

 

5.- Arcos y Curvas – Aprende a dibujarlos en Canvas

Imagen de previsualización de YouTube

 

6.- Colores en Canvas – Coloca colores, gradientes, opacidad y texturas en Canvas

Imagen de previsualización de YouTube

 

Espero que les haya gustado y no olviden dejar sus comentarios.

6 comentarios en “Aprende Canvas como un profesional

  1. Hola, me ha encantado estos dos capitulos. Están explicados muy bien. Me interesaria poder dibujar a mano alzada (tipo paintbrush), para simular la firma de una persona. ¿Como podria hacerlo?

    1. No entendemos tu decepción, los videos son realizados con no más de 15 minutos a propósito de manera que no aburra a la persona que lo ve, además no es sencillo grabar un video previamente planeado.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cerrar