let vecVelocity = [];

let vecColor = [];

let radius = [];

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  frameRate(60);

  colorMode(HSB, 360, 100, 100, 100);

}

​

function draw() {

  background(0, 5);

  noStroke();

  for(let i = 0; i < vecLocation.length; i++){

    fill(vecColor[i]);    

    circle(vecLocation[i].x, vecLocation[i].y, radius[i]);

    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;

    }

  }

  if(mouseIsPressed){

    vecLocation.push(createVector(mouseX, mouseY));

    vecVelocity.push(createVector(random(-1, 1), random(-1, 1)));

    vecColor.push(color(random(120, 200), 70, 100, 80));

    radius.push(random(10, 40));

  }

  if(vecLocation.length > 100){

    vecLocation.shift();

    vecVelocity.shift();

    vecColor.shift();

    radius.shift();

  }

}

​

​

​

​

​

​