Avences Processing 2

Con el mismo codigo, modificando las coordenadas, imagen y archivos de audio, hice una tabla para jugar y aprender los colores

PImage bg;

import ddf.minim.*;
Minim minim;
AudioSnippet audioverde;
AudioSnippet audioamarillo;
AudioSnippet audionaranjo;
AudioSnippet audiorojo;
AudioSnippet audioceleste;
AudioSnippet audioazul;
AudioSnippet audiovioleta;
AudioSnippet audiorosado;




void setup () {
minim = new Minim(this);
audioverde = minim.loadSnippet("VERDE.mp3");
audioamarillo = minim.loadSnippet("AMARILLO.mp3");
audionaranjo = minim.loadSnippet("NARANJO.mp3");
audiorojo = minim.loadSnippet("ROJO.mp3");
audioceleste = minim.loadSnippet("CELESTE.mp3");
audioazul = minim.loadSnippet("AZUL.mp3");
audiovioleta = minim.loadSnippet("VIOLETA.mp3");
audiorosado = minim.loadSnippet("ROSADO.mp3");


size (700, 400);

}

float d;
float diam=140;





void draw() {

bg=loadImage("COLORES.jpg");
image(bg,0,0,700,400);



//clic verde

d=dist(87, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (87, 95, diam, diam);
audioverde.loop();
audioverde.play();
stroke(0);
fill(0);
}

//clic amarillo

d=dist(260, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (260, 95, diam, diam);
audioamarillo.loop();
audioamarillo.play();
stroke(0);
fill(0);
}

//clic naranjo

d=dist(432, 95, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (432, 95, diam, diam);
audionaranjo.loop();
audionaranjo.play();
stroke(0);
fill(0);
}

//clic rojo

d=dist(607, 94, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (607, 94, diam, diam);
audiorojo.loop();
audiorojo.play();
stroke(0);
fill(0);
}

//clic celeste

d=dist(87, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (87,308, diam, diam);
audioceleste.loop();
audioceleste.play();
stroke(0);
fill(0);
}

//clic azul

d=dist(260, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (260, 308, diam, diam);
audioazul.loop();
audioazul.play();
stroke(0);
fill(0);
}

//clic violeta

d=dist(432, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (432, 308, diam, diam);
audiovioleta.loop();
audiovioleta.play();
stroke(0);
fill(0);
}

//clic rosado

d=dist(607, 308, mouseX, mouseY);
if ((d<=diam/2)&(mousePressed)) {
fill (0);
ellipse (607, 308, diam, diam);
audiorosado.loop();
audiorosado.play();
stroke(0);
fill(0);
}





triangle(mouseX, mouseY +18, mouseX+16, mouseY-10, mouseX-16, mouseY-10);
triangle(mouseX, mouseY -18, mouseX+16, mouseY+10, mouseX-16, mouseY+10);

}