Tomás Domínguez Mínguez - Processing

Finalmente, pintará la línea definida entre dichos puntos.

Una vez conocidos los elementos de dibujo más básicos, puede empezar a trabajar con figuras geométricas. En concreto, estudiará las siguientes:

* Rectángulos

* Elipses

* Arcos

Para dibujar un rectángulo, lo que hará será identificar el punto de su esquina superior izquierda y establecer un ancho y un alto.

Evidentemente, si el ancho y alto fueran iguales, lo que pintaría sería un cuadrado (como el de la figura anterior). En Processing el comando que dibuja un rectángulo es:

Donde x, y son las coordenadas del punto correspondiente a la esquina superior izquierda del rectángulo. Así, el cuadrado de la figura anterior se obtendría con la sentencia:

Otra forma de dibujar un rectángulo sería tomando como referencia su centro. En este caso, antes del comando rect()habría que indicar a Processing que las coordenadas x, y no son las de la esquina superior izquierda, sino las del centro de la figura. Por eso, ahora tendría que emplear las siguientes dos sentencias:

Esta vez Processing interpretará x, y como el punto donde se localiza el centro de la figura. Vea la representación gráfica del siguiente código:

También se podría identificar un rectángulo por los puntos de sus esquinas superior izquierda e inferior derecha, tal como se muestra en la siguiente figura.

En este caso habría que emplear las siguientes dos sentencias:

Ahora Processing interpreta x1, y1 como el punto de la esquina superior izquierda y x2, y2 como el de la inferior derecha. De esta forma, el código que dibujaría la figura anterior sería:

NOTA.Por defecto, los rectángulos se dibujan interpretando los dos primeros argumentos de la función rect()como las coordenadas correspondientes a su esquina superior izquierda, que de forma explícita se podría indicar también con el comando rectMode(CORNER). No confundirlo con CORNERS.

Para dibujar una elipse se usan las coordenadas de su centro y el tamaño de sus ejes horizontal y vertical. El comando que proporciona Processing para pintar esta forma geométrica es:

Los argumentos x, y son las coordenadas del centro de la figura. Los otros dos argumentos son el tamaño de sus ejes. Evidentemente, si el ancho y el alto fueran iguales, lo que pintaría sería una circunferencia, como sucede en el siguiente ejemplo:

Al igual que ocurría con los rectángulos, se podría cambiar el significado de los dos primeros argumentos del comando ellipse()con la función ellipseMode(). Dicha función podría tomar como argumento las constantes CENTER(por defecto), RADIUS, CORNERo CORNERS. El dibujo de elipses utilizando dichas referencias es menos intuitiva, por lo que se deja al lector acudir a la documentación de referencia para conocer en detalle su funcionamiento.

Un arco puede asemejarlo a una elipse incompleta. Dicho de otra forma, una elipse se dibuja con un arco de 360º. Para dibujar un arco, Processing proporciona el comando:

Como en el caso de las elipses, las coordenadas x, y son las del centro de la figura. Los dos argumentos siguientes son los ejes mayor y menor. Los dos últimos argumentos son los ángulos entre los que está comprendido el arco. Dichos ángulos se expresan en radianes.

La siguiente figura representa el arco que se dibujaría con:

NOTA.Como habrá supuesto, HALF_PIes una constante de Processing cuyo valor es π/2. Más adelante verá que una circunferencia completa es un arco que recorre un ángulo de 2π. También estudiará cómo trabajar con grados en vez de radianes.

Hasta ahora ha aprendido a realizar figuras geométricas básicas, pero en un caso práctico seguramente necesitará dibujar otro tipo de figuras más complejas. Con Processing eso es posible si identificas los vértices. Las líneas que los unan dibujarán el polígono deseado. Por poner un ejemplo sencillo, imagine que se quiere pintar el siguiente triángulo.