Button - OpenProcessing

mySketch
xxxxxxxxxx
 
//Button
//First part is dragging mouse to each quadrant for circles to appear
//Second part, when clicked, a green eyeball appears where mouse is located
​
int buttonX = 150;
int buttonY = 150;
int buttonW = 20;
int buttonH = 20;
boolean backgisred = false;
​
void setup (){
  size (300 , 300);
  }
​
void draw (){
  if (backgisred == true){
    background (255 , 93 , 93);
    fill (108 , 51 , 129);
    noStroke();
    ellipse (width/2 , height/2 , 35 , 35); //button
    fill (49 , 106 , 46);
    noStroke();
    ellipse (mouseX+35 , mouseY+35 , 80 , 80);
    fill (2 , 199 , 232);
    noStroke();
    ellipse (mouseX+35 , mouseY+35 , 60 , 60);
    fill (0 , 0 , 0);
    noStroke();
    ellipse (mouseX+35 , mouseY+35 , 35 , 45);
    fill (255 , 255 , 255);
    noStroke();
    ellipse (mouseX+50 , mouseY+50 , 10 , 10);
    ellipse (mouseX+50 , mouseY+25 , 20 , 10);
  } else {
    background (122 , 255 , 116);
    fill (203 , 29 , 49);
    noStroke();
    ellipse (width/2 , height/2 , 35 , 35);
    ellipse (width/2 , height/4 , 20 , 20);
    ellipse (width/2 , height/2 + height/4 , 20 , 20);
    ellipse (width/4 , height/2 , 20 , 20);
    ellipse (width/2 + height/4 , height/2 , 20 , 20);
    fill (198 , 2 , 25);
    noStroke();
    if ((mouseX < width/2)&& (mouseY < height/2))
    ellipse (width/4 , height/4 , 50 , 50);
    if ((mouseX > width/2)&& (mouseY < height/2))
    ellipse (width/2+height/4 , height/4 , 50 , 50);
    if ((mouseX > width/2)&& (mouseY > height/2+height/4))
    ellipse (width/2+height/4 , height/2+height/4 , 50 , 50);
    if ((mouseX < width/2)&& (mouseY > height/2+height/4))
    ellipse (width/4 , height/2+height/4 , 50 , 50);
  }
}
​
void mouseClicked (){
  if (dist (buttonX , buttonY , mouseX , mouseY) < buttonW){
  //if ((mouseX > buttonX)&& (mouseX < buttonX+buttonW)&& (mouseY > buttonY)&& (mouseY < buttonY+buttonW)){
  if (backgisred == true){
    backgisred = false;
  } else {
    backgisred = true;
  }
 }
}