Ok so I am trying to create bubbles that dissappear when you click on them

 

The problem I'm having is that when you click on a bubble, all of them disappear even though I only want the one that is clicked on to dissappear.

 

Does anyone know how to seperate these identical circles so that they disappear individually?

 

Any help would be much appreciated!

 

Here my code:

 

 // make some circle objects (Circle is a custom object
// defined below
 
MovingCircle Circle = new MovingCircle(250,250,100);
MovingCircle Circle2 = new MovingCircle(250,250,100);
MovingCircle Circle3 = new MovingCircle(250,250,100);
MovingCircle Circle4 = new MovingCircle(250,250,100);
MovingCircle Circle5 = new MovingCircle(250,250,100);
MovingCircle Circle6 = new MovingCircle(250,250,100);
MovingCircle Circle7 = new MovingCircle(250,250,100);

color circleColor, baseColor;
color circleHighlight;
color currentColor;
boolean circleOver = false;
int circleX, circleY;  // Position of circle button
int circleSize = 93;   // Diameter of circle

void setup() {
  size(500, 500);
  smooth();
  circleColor = color(45,155,255,78);
  circleHighlight = color(0,0,255,0);
  baseColor = color(45,155,255,78);
  currentColor = baseColor;
  circleX = width/2+circleSize/2+10;
  circleY = height/2;
   
}
 
void draw() {
  
  background(255);
  
  // update the position of the circles
  Circle.update();
  Circle2.update();
  Circle3.update();
  Circle4.update();
  Circle5.update();
  Circle6.update();
  Circle7.update();
 
  // check for collisions with the walls
  Circle.checkCollisions();
  Circle2.checkCollisions();
  Circle3.checkCollisions();
  Circle4.checkCollisions();
  Circle5.checkCollisions();
  Circle6.checkCollisions();
  Circle7.checkCollisions();
  
  // and draw each one
 
  Circle.drawCircle();
  Circle2.drawCircle();
  /* only need one drawCircle() function -> all objects share it*/
  
}
 
// this is the definition for our custom MovingCircle object,
// start with the name of the class (or type of object)
 
class MovingCircle {
 
  // any variable declared here will be properties of
  // objects of this type
  float x;
  float y;
  float xSpeed;
  float ySpeed;
  float circleSize;
  boolean overCircle; 
 
  // this special function declaration has the same name
  // as the class (MovingCircle) and it has no return type. This
  // is known as the constructor and it's run when an
  // object of this type is created.
  
  MovingCircle(float xpos, float ypos, float csize) {
    x = xpos;
    y = ypos;
    circleSize = csize;
    
    xSpeed = random(-1, 1);
    ySpeed = random(-1, 1);
    
  }
 
  // update adds the speed to the position, making
  // our circle move around.
  void update() {
    x += xSpeed;
    y += ySpeed;
  }
  
  // this function checks to see if our circle has gone off
  // the edge of the screen, and if so reverses the speed
  
  void checkCollisions() {
    
    float r = circleSize/2;
    
    if ( (x<r) || (x>width-r)){
      xSpeed = -xSpeed;
    }
    
    if( (y<r) || (y>height-r)) {
      ySpeed = -ySpeed;
    }
    
  }
  
  void drawCircle() {
    ellipseMode(CENTER);
    ellipse(x, y, circleSize, circleSize);
     if(circleOver) {
    fill(circleHighlight);
    noStroke();
  } else {
    fill(circleColor);
  }
    }
  
  }

void mouseClicked(){
  if(circleOver = true) {
    currentColor = circleColor;
     fill(circleHighlight);
     noStroke();
  } else {
    fill(circleColor);
  }
 
  }
  

boolean overCircle(int x, int y, int diameter) {
  float disX = x - mouseX;
  float disY = y - mouseY;
  if(sqrt(sq(disX) + sq(disY)) < diameter/2 ) {
    return true;
  } else {
    return false;
  }

}