Читать книгу Processing - Tomás Domínguez Mínguez - Страница 15

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.