Ugoku kawaii Bubbles

let vecLocation = [];

let vecVelocity = [];

let circleDiameter = [];

let circleColorR = [];

let circleColorG = [];

let circleColorB = [];

const NUM = 50;

​

function setup() {

  createCanvas(windowWidth, windowHeight);

  frameRate(144);

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

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

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

    circleDiameter[i] = random(30, 150);

    circleColorR[i] = random(245, 255);

    circleColorG[i] = random(220, 240);

    circleColorB[i] = random(180, 240);

  }

}

​

function draw() {

  background(227, 254, 254);

  noStroke();

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

    fill(circleColorR[i], circleColorG[i], circleColorB[i]);

    ellipse(vecLocation[i].x, vecLocation[i].y, circleDiameter[i], circleDiameter[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; 

    }

  }

}