仕分け

let ball_num = 150; //ボールの数

let ball_size = [];//ボールのサイズ

let vecLocation = []; //ボールの中心の位置ベクトル 

let vecVelocity = []; //ボールの速度ベクトル

let type = [];//タイプ

let circle = [];//円

let circle_num = 3;//円の数

let sw1 = [];

let sw2 = [];

​

function setup() {

  createCanvas(windowWidth, windowHeight); //画面を生成

  frameRate(60); //フレームレート

  //座標

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

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

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

    type[i] = int(random(0, 3));

    sw1[i] = false;

    sw2[i] = false;

  }

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

    if(type[i]==0){

      ball_size[i] = 50;

    }else if(type[i]==1){

      ball_size[i] = 20;

    }else if(type[i]==2){

      ball_size[i] = 10;

    }

  }

  //円

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

    if(width > height){

      circle[i] = height/3*(i+1);

    }else{

      circle[i] = width/3*(i+1);

    }

  }

}

​

function draw() {

  background(0); //背景を描画

  //円

  for(let i = circle_num; i > 0; i--){

    stroke(255);

    fill(0);

    ellipse(width/2, height/2, circle[i-1], circle[i-1]); 

  }

  //ボール

  for(let i = 0; i < ball_num; i++){//円の数だけくりかえす

    //色

    noStroke(); //枠線なし

    if(type[i]==0){//塗りの色

      stroke(255);

      fill(0, 127, 255, 127); //青

    }else if(type[i]==1){

      stroke(255);

      fill(255, 255, 150, 127); //黄

      // vecVelocity[i] = vecVelocity[i]/2;

    }else if(type[i]==2){

      stroke(255);

      fill(255, 150, 150, 127); //赤

    }

    //座標

    vecLocation[i].add(vecVelocity[i]); //円の座標を更新 

    ellipse(vecLocation[i].x, vecLocation[i].y, ball_size[i], ball_size[i]); //指定した位置に円を描画

      //移動

      if(type[i]==2){//赤

        if(pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

           >= pow((circle[0]/2-ball_size[i]/2), 2)){

          vecVelocity[i].x = vecVelocity[i].x * -1;

          vecVelocity[i].y = vecVelocity[i].y * -1;

        }

      }else if(type[i]==1){//黄

        if(sw1[i]==false){//通過前

          if(pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

            > pow((circle[1]/2-ball_size[i]/2), 2)){

            vecVelocity[i].x = vecVelocity[i].x * -1;

            vecVelocity[i].y = vecVelocity[i].y * -1;

            sw1[i]=true;

          }

        }else if(sw1[i]==true){//通過済み

          if(pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

           >= pow((circle[1]/2-ball_size[i]/2), 2)

             || pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

           < pow((circle[0]/2+ball_size[i]/2), 2)){

            vecVelocity[i].x = vecVelocity[i].x * -1;

            vecVelocity[i].y = vecVelocity[i].y * -1;

          }

        }

      }else if(type[i]==0){//青

        if(sw2[i]==false){//通過前

          if(pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

            > pow((circle[2]/2-ball_size[i]/2), 2)){

            vecVelocity[i].x = vecVelocity[i].x * -1;

            vecVelocity[i].y = vecVelocity[i].y * -1;

            sw2[i]=true;

          }

        }else if(sw2[i]==true){//通過済み

          if(pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

           >= pow((circle[2]/2-ball_size[i]/2), 2)

             || pow((width/2 - vecLocation[i].x), 2) + pow((height/2 - vecLocation[i].y), 2)

           < pow((circle[1]/2+ball_size[i]/2), 2)){

            vecVelocity[i].x = vecVelocity[i].x * -1;

            vecVelocity[i].y = vecVelocity[i].y * -1;

          }

        }

      }

  } 

}