El canvas de HTML 5 (II). Trazos en 2d.

En el artículo anterior aprendimos lo básico para crear lienzos de dibujo en HTML 5. En concreto, aprendimos a insertar los lienzos en la página, prever un mecanismo de fallback para navegadores inadecuados y referenciar los lienzos desde JavaScript. Sin embargo, aún no sabemos qué hacer con ellos, ni nos sirven para nada. En este artículo vamos a empezar a aprender a incluir formas en 2d en nuestros canvas. Y subrayo lo de “empezar” porque el dibujo en lienzos de HTML 5 permite tantas posibilidades que abarcarlas todas en un artículo es imposible. Sin embargo, de aquí saldremos con unos conocimientos básicos que, en posteriores artículos, nos permitirán seguir avanzando. Cómo siempre, espero que disfrutes de esta lectura y, sobre todo, que te resulte interesante y provechosa.

El efecto Moiré

En los anteriores artículos hemos introducido algunos conceptos fundamentales del dibujo con Processing, lo que no está nada mal, para sentar unas bases de las que partir. Pero a programar se aprende programando. Y eso es lo que vamos a hacer en este artículo. Vamos a crear un programa, comprobar qué funciona cómo esperamos, y luego explicaremos cómo y por que funciona. Esto hará este artículo más interesante y entretenido.