Hoja cuadriculada:
Elementos utilizados:
size(600, 600); // tamaño del sketch
background (226, 242, 127) // color del fondo
smooth () // suaviza la figura
fill () // color interior de la figura
stroke () // color de la linea de la figura
ellipse () // circulo
rect () // rectángulo
http://www.openprocessing.org/visuals/?visualID=34065
Tarea:
Copiar el código de mouseDemo, intervenirlo y crear un efecto distinto que interactue con el movimiento del mouse.
Ejercicio 1:
Ejercicio 2:
Ejercicio 3:
En este ejercicio combine el código que venia trabajando con un código que encontré en la pagina processing.org
que es es siguiente:
void setup()
{
size(200, 200);
noStroke();
rectMode(CENTER);
}
void draw()
{
background(51);
fill(255, 204);
rect(mouseX, height/2, mouseY/2+10, mouseY/2+10);
fill(255, 204);
int inverseX = width-mouseX;
int inverseY = height-mouseY;
rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10);
}
Este código permite que al mover el mouse cambia la posición y tamaño de cada figura.
Trabaje con la transparencia del color de cada figura, así cuando se juntaran se pudiera ver cual estaba atrás de la otra.
Al fusionar este código con el mío logre el siguiente ejercicio:
Ejercicio 4:
en este ejercicio utilice un código que encontré en la página processing.org
que es el siguiente:
float max_distance;
void setup() {
size(200, 200);
smooth();
noStroke();
max_distance = dist(0, 0, width, height);
}
void draw()
{
background(51);
for(int i = 0; i <= width; i += 20) {
for(int j = 0; j <= height; j += 20) {
float size = dist(mouseX, mouseY, i, j);
size = size/max_distance * 66;
ellipse(i, j, size, size);
}
}
}Uní los dos códigos, trabaje con la transparencia de los colores y el resultado fue el siguiente:
