​

function setup() {

  createCanvas(400, 400);

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

    Balls.push(

      new Ball(random(width), random(height), random(-20, 20), random(-30, 30))

    );

  }

}

​

function draw() {

  background(220);

  for (let Ball of Balls) {

    Ball.move();

    Ball.bounce();

    Ball.display();

  }

}

​

// define a class called Ball

class Ball {

  constructor(x, y, xspeed, yspeed) {

    this.x = x;

    this.y = y;

    this.xspeed = xspeed;

    this.yspeed = yspeed;

  }

​

  move() {

    this.x += this.xspeed;

    this.y += this.yspeed;

  }

​

  bounce() {

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

      this.xspeed *= -1;

    }

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

      this.yspeed *= -1;

    }

  }

​

  display() {

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

  }

}

​