​

function setup() {

  createCanvas(400, 400);

​

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

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

  }

}

​

class Ball {

  constructor(x, y, xspeed, yspeed) {

    this.x = x; //'this' is the actual object,each just got in

    this.y = y;

    this.xSpeed = xspeed;

    this.ySpeed = yspeed;

  }

​

  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, 50, 50);

  }

}

​

function draw() {

  background(220);

​

  for (let ball of balls) {

    ball.move();

    ball.bounce();

    ball.display();

  }

}

​