RGB Circle - OpenProcessing

mySketch
xxxxxxxxxx
 
let vecLocation = [];
let vecVelocity = [];
​
const NUM = 10;
​
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));
  }
  background(0);
}
​
function draw() {
  var ranColor = color(random(255),random(255),random(255),random(255));
  fill(ranColor);
  noStroke();
  for(let i = 0; i < NUM; i++){
    
    ellipse(vecLocation[i].x,vecLocation[i].y,random(20,100),random(20,100));
    vecLocation[i].add(vecVelocity[i]);
  
    if(vecLocation[i].x > width || vecLocation[i].x < 0){
    vecVelocity[i].x = vecVelocity[i].x * -1;
    }
    if(vecLocation[i].y > height || vecLocation[i].y < 0){
    vecVelocity[i].y = vecVelocity[i].y * -1;
    }
  }
}
function mousePressed(){
  background(0);
}