シャボンbubble - OpenProcessing

mySketch
xxxxxxxxxx
 
let vecLocation = [];
let vecVelocity = [];
const NUM = 100;
​
function setup() {
  createCanvas(windowWidth,windowHeight);
  frameRate(7);
  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(255);
  noStroke();
  fill(255);
  for(let i = 0; i <NUM; i++){
    fill(random(0,255),random(0,255),random(0,255),127);
    ellipse(vecLocation[i].x,vecLocation[i].y,random(0,150));
    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;
   }
  }
}