Buttons that work

Buttons_2.pde
xxxxxxxxxx
 
Circle[] button = new Circle [10];
​
void setup() {
  size(500, 500);
  smooth();
  noStroke();
​
  for (int i = 0; i<button.length; i++) {
​
    button[i] = new Circle(250, 250, 50);
  }
}
​
void draw() { 
​
  background (0, 150, 200, 150);
  for (int i = 0; i<button.length; i++) {
​
    button[i].drawCircle();
    button[i].checkCollision();
    button[i].update();
  }
}
​
void mousePressed() {
  for (int i=0; i<button.length; i++) {
​
    button[i].checkMousePress();
  }
}
​
class Circle {
​
  float x;
  float y;
  float xspeed;
  float yspeed;
  float circleSize;
  float d = dist(x, y, mouseX, mouseY);
  boolean clicked;
​
  //constructor
  Circle(float xpos, float ypos, float csize) {
    x = xpos;
    y = ypos;
    circleSize = csize;
    xspeed = random(-2, 2);
    yspeed = random(-2, 2);
    clicked = false;
  }
​
  void update() {
​
    x = x + xspeed;
    y = y + yspeed;
  }
​
  void checkCollision() {
​
​
    if ((x<circleSize/2) || ( x> width - circleSize/2)) {
      xspeed = -xspeed;
    }
    if ((y<circleSize/2) || ( y > height - circleSize/2)) {
      yspeed = -yspeed;
    }
  }
  
​
​
  void drawCircle() {
​
​
    fill( random(150), random (0), random(255));
    ellipse (x, y, circleSize, circleSize);
​
    if (clicked) {
      fill(200, 255, 50);
    }
    else {
      fill(150);
    }
​
​
    ellipse (x, y, circleSize/1.3, circleSize/1.3);
    fill(0);
    ellipse (x-7, y, circleSize/5.5, circleSize/5.5);
    ellipse (x+7, y, circleSize/5.5, circleSize/5.5);
  }
​
  void checkMousePress() {
    if ((dist(mouseX, mouseY, x, y))  < circleSize){
    //if ((mouseX > x ) && (mouseX< d)) {
​
      //I have no idea what to put here to enable the mouseclick to only affect the circle size.
​
      clicked = !clicked;
    }
  }
}
​
​
Archived Sketch
