泡 - OpenProcessing

mySketch
xxxxxxxxxx
 
let num = 100; 
//円の数
​
let vecLocation = []; 
//円の中心の位置ベクトル
​
let vecVelocity = []; 
//円の速度ベクトル
​
let col = [];
//円の色
​
let size = [];
//円のサイズ
​
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(-50, 50),random(-50, 50));
    col[i] = color(random(255),random(255),random(255),75);
    //色をランダム作成
    size[i] = random(20,100);
    //大きさをランダム作成
  }
}
function draw() 
{
  background(0); 
  //背景を描画
  
  noStroke(); 
  //枠線なし
  
  //円の数だけくりかえす
  for (let i = 0; i < num; i++) 
  {
    vecLocation[i].add(vecVelocity[i]); 
    //円の座標を更新
    
    fill(col[i]);
    
    ellipse(vecLocation[i].x, vecLocation[i].y, size[i], size[i]); 
    //指定した位置に円を描画
​
  if (vecLocation[i].x < 0 + (size[i]/2) && vecLocation[i].y < 0 + (size[i]/2))
  { 
    col[i] = color(random(255), random(255), random(255),75);
    //色をランダム作成
    vecLocation[i].x = width / 2;
    vecLocation[i].y = height / 2;
    vecVelocity[i].x = vecVelocity[i].x * -1; 
    //X方向のスピードを反転
    vecVelocity[i].y = random(20);
  }
  
    if (vecLocation[i].x < 0 + (size[i]/2) && vecLocation[i].y > height  - (size[i]/2))
   {
     col[i] = color(random(255), random(255), random(255),75); 
     //色をランダムに生成
    vecLocation[i].x = width / 2;
    vecLocation[i].y = height / 2;
    vecVelocity[i].x = vecVelocity[i].x * -1; 
    //X方向のスピードを反転
    vecVelocity[i].y = random(-20);
  }
  
    if (vecLocation[i].y < 0 + (size[i]/2) && vecLocation[i].x > width - (size[i]/2)) 
    {
      col[i] = color(random(255), random(255), random(255),75); 
      //色をランダムに生成
      vecLocation[i].x = width / 2;
      vecLocation[i].y = height / 2;
      vecVelocity[i].x = vecVelocity[i].x * -1; 
      //X方向のスピードを反転
      vecVelocity[i].y = random(20);
    }
   
    if (vecLocation[i].y > height-(size[i]/2) && vecLocation[i].x > width - (size[i]/2)) 
    {
     col[i] = color(random(255), random(255), random(255),75); 
      //色をランダムに生成
      vecLocation[i].x = width / 2;
      vecLocation[i].y = height / 2;
      vecVelocity[i].x = vecVelocity[i].x * -1; 
      //X方向のスピードを反転
      vecVelocity[i].y = random(-20);
    }
  
    if (vecLocation[i].x < 0 + (size[i]/2) ||  vecLocation[i].x > width - (size[i]/2)) 
    {
      col[i] = color(random(255), random(255), random(255),75); 
      //色をランダムに生成
      vecVelocity[i].y = random(-20,20);
      vecVelocity[i].x = vecVelocity[i].x * -1; 
      //X方向のスピードを反転 
    }
  
    if (vecLocation[i].y < 0 + (size[i]/2) || vecLocation[i].y > height - (size[i]/2)) 
    {
      col[i] = color(random(255), random(255), random(255),75); 
      //色をランダムに生成
      vecVelocity[i].x = random(-20,20);
      vecVelocity[i].y = vecVelocity[i].y * -1; 
      //Y方向のスピードを反転
    }
  }
}
​