Hola compañeros de Tut, tut, tut. Es un gusto dibujar con ustedes de nuevo
en esta segunda fase del proyecto.

Es muy probable que con las vacaciones hayan olvidado un poco lo que aprendimos
así que les recomiendo que le den un repaso a las sesiones anteriores. Esta sesión va a ser sencillita con el fin de que tengan tiempo de repasar las sesiones anteriores
y estar en forma para lo que viene en esta nueva etapa.

 

IIIIIIIIIIIIII Corten y peguen el siguiente programa dentro de Processing:

size(200, 200); background(120, 173, 7); fill(255, 110); stroke(255); rectMode(CENTER); rect(width/2,height/2, width/3, width/3); rect(200/2, 200/2, 200/2, 200/2);

IIIIIIIIIIIIII Den clic en run

Ahora hagamos un breve repaso:

size(200, 200); background(120, 173, 7); fill(255, 110); stroke(255); rectMode(CENTER); rect(width/2,height/2, width/3, width/3); rect(200/2, 200/2, 200/2, 200/2);

Lo primero que tenemos es la función size que determina el tamaño de la ventana. Después están las funciones

background: indica el color del fondo
fill: indica el color del relleno
stroke: indica el color del contorno

Todas esas funciones las conocimos en las sesiones pasadas, pero hay algo nuevo. Si se fijan bien la función fill en ese programa tiene dos parámetros. Cuando queremos un tono entre blanco y negro utilizamos un sólo parámetro: el negro es 0, blanco es 255 y los números entre 0 y 255 son grises. El segundo número es para cuando queremos un grado de transparencia. En este caso las figuras son blancas (255) pero se transparenta un poco el fondo verde porque tenemos 110 de transparencia. 0 es un 100% de transparencia y 255 un 0%. Si queremos un color con transparencia necesitamos cuatro parámetros (rojo, verde, azul, transparencia).

adelante