​

function setup() {

  createCanvas(400, 400);

  for (let i = 0; i < 3; i++) {

    let initialColor = color(random(255), random(255), random(255));

    balls.push(new Ball(width / 2, height / 2, (i + 1) * 2, (i + 1) * 3, initialColor));

  }

}

​

class Ball {

  constructor(x, y, xspeed, yspeed, color) {

    this.x = x;

    this.y = y;

    this.xSpeed = xspeed;

    this.ySpeed = yspeed;

    this.color = color;

  }

​

  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() {

    fill(this.color);

    ellipse(this.x, this.y, 50, 50);

  }

​

  checkProximity(other) {

    let proximityThreshold = 50;

    if (dist(this.x, this.y, other.x, other.y) < proximityThreshold) {

      this.color = color(random(255), random(255), random(255));

    }

  }

}

​

function draw() {

  background(220);

​

  for (let i = 0; i < balls.length; i++) {

    balls[i].move();

    balls[i].bounce();

    balls[i].display();

    for (let j = i + 1; j < balls.length; j++) {

      balls[i].checkProximity(balls[j]);

    }

  }

}

​