// This example remixes and builds upon the Bouncy Ball p5.js tutorial, created in 2015 by Dan Shiffman at Coding Train https://www.youtube.com/watch?v=LO3Awjn_gyU&t=1s

​

let bots = [];

let brush = 10;

let brushSize = 0.1;

let m;

​

function setup() {

  createCanvas(400,400);

   background(253, 255, 126);

  noStroke();

​

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

    bots[i] = new Bot();

  }

}

​

function draw() {

  m = millis();

​

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

    bots[i].move(brush);

  }

​

  brush += brushSize;

​

  if (brush >= 10) {

    brushSize = -0.1;

  } else if (brush <= 0) {

    brushSize = 0.1;

  }

}

​

class Bot {

  constructor() {

    this.x = random(width);

    this.y = random(height);

    this.rx = random(-1, 1);

    this.ry = random(-1, 1);

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

  }

  move(s) {

    fill(this.rc);

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

    this.x += this.rx;

    this.y += this.ry;

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

      this.rx = this.rx * -1;

    }

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

      this.ry = this.ry * -1;

    }

  }

}