​

function setup() {

  createCanvas(400, 400);

  for (let b = 0; b < 20; b++){

    balls.push(new Ball(random(width), random(height), random(2,-2), random(-1,1)));

  }

}

​

function draw() {

  background(220);

  for (let i = balls.length - 1; i >= 0; i--) {

    balls[i].move();

    balls[i].bounce();

    balls[i].display();

    if (balls[i].isdelete()) {

      balls.splice(i, 1);

    }

  }

}

​

class Ball {

  constructor(x, y, xspeed, yspeed){

    this.x = x;

    this.y = y;

    this.xspeed = xspeed;

    this.yspeed = yspeed;

    this.radius = 25; // Half of the ball's diameter

  }

  move(){

    this.x += this.xspeed;

    this.y += this.yspeed;

  }

  bounce(){

    if(this.x < 0 || this.x > width){

      this.xspeed *= -1;

    }

    if (this.y < 0 || this.y > height){

      this.yspeed *= -1;

    }

  }

  display(){

    ellipse(this.x, this.y, this.radius * 2, this.radius * 2);

  }

  isdelete(){

    let d = dist(mouseX, mouseY, this.x, this.y);

    return d < this.radius;

  }

​

}