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 canvas de HTML 5 (V). Relleno sólido.

Ya estamos bastante familiarizados con el uso de las figuras de trazo en los canvas. En este artículo vamos a ampliar los conocimientos que ya tenemos, para ver como podemos crear figuras sólidas, tanto con contorno como sin él. En lo que veamos en este artículo emplearemos colores planos (no gradientes, ni texturas), para aprender a crear figuras con tonos sólidos o con el grado de transparencia que deseemos en cada caso. Así que, hala. Prepara el bote de pintura, y vamos a pintar.

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.