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.

Empezando con Processing

En este artículo vamos a poner en marcha y probar nuestro IDE Processing y a empezar a conocer la sintaxis del lenguaje. Quiero que entiendas una cosa. Si bien el punto fuerte de Processing es su conectividad con Arduino, y la posibilidad de interactuar entre ambos entornos, lo que nos abre un infinito abanico de posibilidades, Processing también puede funcionar como entorno de desarrollo independiente, por sí mismo. Vamos a familiarizarnos un poco con Processing, antes de que Arduino entre en escena, y a esto dediacremos este artículo y los siguientes.