balls

let num = 50;

let vecLocation = [];

let vecVelocity = [];

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  frameRate(60);

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

    vecLocation[i] = createVector(width / 2, height / 2);

    vecVelocity[i] = createVector(random(-10, 10), random(-10, 10));

  }

}

​

​

function draw() {

  background(0);

  noStroke();

  fill(random(250),random(250),random(250),250); 

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

    vecLocation[i].add(vecVelocity[i]);

    ellipse(vecLocation[i].x, vecLocation[i].y, 50, 50);

    if (vecLocation[i].x < 0 || vecLocation[i].x > width) { 

      vecVelocity[i].x = vecVelocity[i].x * -1;

    }

    if (vecLocation[i].y < 0 || vecLocation[i].y > height) {

      vecVelocity[i].y = vecVelocity[i].y * -1; 

    }

  }

}