rectMode()

Cambios donde se dibujan rectángulos y cuadrados.

De forma predeterminada, los dos primeros parámetros de rect() y square(), son las coordenadas x-, y las coordenadas y- del centro de la forma. Los siguientes parámetros establecen el ancho y alto de la forma. Esto es lo mismo que llamar rectMode(CORNER).

rectMode(CORNERS) también utiliza los dos primeros parámetros como ubicación de una de las esquinas. Los siguientes parámetros son la ubicación de la esquina opuesta. Este modo solo funciona para rect().

rectMode(CENTER) utiliza los dos primeros parámetros como las coordenadas x-, y las coordenadas y- del centro de la forma. Los siguientes parámetros son su ancho y altura.

rectMode(RADIUS) también utiliza los dos primeros parámetros como las coordenadas x- y las coordenadas y- del centro de la forma. Los siguientes parámetros son la mitad del ancho y alto de la forma.

El argumento pasado a rectMode() debe escribirse en MAYÚSCULAS porque las constantes CENTER, RADIUS, CORNER y CORNERS se definen de esta manera. JavaScript es un lenguaje que distingue entre mayúsculas y minúsculas.