Primer ejercicio

Simple bosquejo que muestra como usar rectMode y dibujar rectangulos.


//setea una ventana de processing a 200 pixeles de ancho y 200 pixeles de alto.

size(200, 200);

//Por defecto, processing coloca un borde pixeleado negro alrededor de sus graficas.
//la funcion noStroke() lo apagara.

noStroke();

//cambiar el fondo a negro. Lo que va () se puede cambiar para que resulte otro color.

background(0);

/*por defecto rectMode es CORNER (costado). Colocara al rectangulo en la parte superior izquierda, en los 2 primeros argumentos, y dibujara el ancho y alto desde aqui.
*/
//dibuja un rectangulo de 50 pixeles de ancho y 150 pixeles de alto
//costado superior izquierdo es de 75, 10

rect(75, 10, 50, 150);

//cambiemos rectMode a CENTER. Ahora el centro del rectangulo //esta en los primeros dos argumentos en la funcion rect

rectMode(CENTER);

//cambiaremos el "fill" del rectangulo a un gris claro

fill(185);

/*Dibujemos un rectangulo que sea de 40 pixeles de ancho y 55 pixeles de alto y su centro de 20, 100.
El borde izquierdo del rectangulo deberia tocar el lado izquierdo de la pantalla. Puedes ver por que? */

rect(20, 100, 40, 55);


/*Cambiemos el rectMode a CORNERS.
CORNERS nos permite dibujar un rectangulo definiendo la esquina izquierda superior y la esquina derecha inferior. Las otras dos esquinas pueden ser deducidas desde estas dos otras esquinas.
*/

rectMode(CORNERS);

//cambiar "fill" a un gris oscuro

fill(64);

//dibujar un rectangulo donde su esquina superior izquierda sea de 0,175
//y su esquina inferior derecha este a 200, 190

rect(0, 175, 200, 190);




1 RECT DEMO