Programador:
Àlex Alonso
Instruccions:
Mou el ratolí per sobre la finiestra de l’sketch.
//CONFIGURACIÓ
void setup() {
size(800, 600);
noStroke();
rectMode(CENTER);
}
//DIBUIX
void draw(){
// Aquí ens posa el color del fons
background(51);
//Aquí posem el color d’un dels quadrats
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150);
//Aquí dibuixem un dels quadrats
rect(mouseX, height/2, mouseY/2+10, mouseY/2+10);
//Aquí posem el color d’un dels quadrats
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150);
//Aquí invertim les coordenades del mouse X
int inverseX = width-mouseX;
//Aquí invertim les coordenades del mouse Y
int inverseY = height-mouseY;
//Aquí dibuixem l’alte quadrat
rect(inverseX, height/2, (inverseY/2)+10, (inverseY/2)+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //1.1
ellipse(mouseX+100, height/2 – 100, mouseY/2+10, mouseY/2+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //1.2
ellipse(mouseX+100, height/2 + 100, mouseY/2+10, mouseY/2+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //1.3
ellipse(mouseX-100, height/2 – 100, mouseY/2+10, mouseY/2+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //1.4
ellipse(mouseX-100, height/2 + 100, mouseY/2+10, mouseY/2+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //2.1
ellipse(inverseX + 100, height/2 – 100, (inverseY/2)+10, (inverseY/2)+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //2.2
ellipse(inverseX + 100, height/2 + 100, (inverseY/2)+10, (inverseY/2)+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //2.3
ellipse(inverseX – 100, height/2 – 100, (inverseY/2)+10, (inverseY/2)+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150); //2.4
ellipse(inverseX – 100, height/2 + 100, (inverseY/2)+10, (inverseY/2)+10);
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150);
rect(400, inverseY, (inverseX/2)+10, (inverseX/2)+10);ç
//Aquí posem el color d’un dels quadrats
fill(map(0,600,0,255,height-mouseY),map(0,800,0,255,mouseX),map(0,600,0,255,mouseY), 150);
rect(400, mouseY, mouseX/2+10, mouseX/2+10);//Aquí dibuixem un dels quadrats
}