​

function setup() {

  createCanvas(800, 800);

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

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

  }

}

​

function draw() {

  background(0);

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

    balls[i].update();

​

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

      let d = dist(balls[i].x, balls[i].y, balls[j].x, balls[j].y);

      if (d < 50) {

        balls[i].collide();

        balls[j].collide();

      }

    }

    balls[i].display();

  }

}

​

class Ball {

  constructor(startX, startY) {

    this.x = startX;

    this.y = startY;

    this.r = 25;

    this.speedX = random(-10, 10);

    this.speedY = random(-10, 10);

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

  }

  update() {

    this.x += this.speedX;

    this.y += this.speedY;

    this.x = (this.x + width) % width;

    this.y = (this.y + height) % height;

  }

  collide() {

    this.speedX *= -1;

    this.speedY *= -1;

    this.update();

  }

  display() {

    noStroke();

    fill(this.color);

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

  }

}