Processing 2.5

2.5 pois ainda não está como eu queria, o código tem cara de poder colocar mais alguns for no final, para tornar algo mais simples e fácil, mas não tive tempo de desenvolver direito. Depois de uma tarde inteira no LAGEAR, com muita ajuda, consegui que as bolinhas ficassem vermelhas se o mouse passasse por cima delas, para dar um efeito mais legal, alterei a cor das bolinhas em volta também. Ver isso em tela cheia deve ser proibido, causa epilepsia, além de danos visuais permanentes.

Código:

void setup(){
//size(screen.width, screen.height);
size(400,400); //distâncias diferentes para trabalhar melhor
smooth();
}

void draw(){
background(0);
noCursor();

for (int X=20; X < width; X=X+40) {
for (int Y=20; Y < height; Y=Y+40) {
fill(255);
ellipse(X,Y,15,15);
}}

for (int X=40; X < width; X=X+40) {
for (int Y=40; Y < height; Y=Y+40) {
fill(255);
ellipse(X,Y,15,15);
}}

for (int X=20; X < width; X=X+40) {
for (int Y=20; Y < height; Y=Y+40) {
if (mouseX > X-12.5){
if (mouseX < X+12.5){
if (mouseY > Y-12.5){
if (mouseY < Y+12.5){
fill(255, 0, 0);
ellipse(X,Y,15,15);
fill(255, 0, 0, 150);
ellipse(X-20,Y-20,15,15);
ellipse(X+20,Y+20,15,15);
ellipse(X-20,Y+20,15,15);
ellipse(X+20,Y-20,15,15);
fill(255, 0, 0, 75);
ellipse(X-40,Y-40,15,15);
ellipse(X+40,Y+40,15,15);
ellipse(X-40,Y+40,15,15);
ellipse(X+40,Y-40,15,15);
}}}}}}

for (int X=40; X < width; X=X+40) {
for (int Y=40; Y < height; Y=Y+40) {
if (mouseX > X-12.5){
if (mouseX < X+12.5){
if (mouseY > Y-12.5){
if (mouseY < Y+12.5){
fill(255, 0, 0);
ellipse(X,Y,15,15);
fill(255, 0, 0, 150);
ellipse(X-20,Y-20,15,15);
ellipse(X+20,Y+20,15,15);
ellipse(X-20,Y+20,15,15);
ellipse(X+20,Y-20,15,15);
fill(255, 0, 0, 75);
ellipse(X-40,Y-40,15,15);
ellipse(X+40,Y+40,15,15);
ellipse(X-40,Y+40,15,15);
ellipse(X+40,Y-40,15,15);
}}}}}}}