building

let vecLocation = [];

let vecVelocity = [];//速度(ある一定時間で移動した距離)

let vecSize = [];

let vecStroke = [];

​

const NUM = 50;//全体の数

​

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(-10,10), random(-10,10));//毎フレームごとに何ピクセル移動するか

    vecSize[i] = random(5, 50);

    vecStroke[i] = random(0, 5);

    }

}

​

function draw() {

  //background(255);

  //noStroke();

  //strokeWeight(vecStroke[i]);

  //fill(random(255),random(255),random(255),50);

  //let diameter = random(10, 100);

  /*fill(random(255),random(255),random(255),127);

  let diameter = random(10, 200);

  ellipse(random(width), random(height), diameter, diameter);*/

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

      fill(random(255),random(255),random(255),127);

      strokeWeight(vecStroke[i]);

    ellipse(vecLocation[i].x, vecLocation[i].y, vecSize[i], vecSize[i]);

    vecLocation[i].add(vecVelocity[i]);//LocationにVelocityを足す

      if(vecLocation[i].x >width || vecLocation[i].x <10){

      vecLocation[i].x = 300 + random(-10, 10);

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

      } 

        if(vecLocation[i].y >height || vecLocation[i].y <10){

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

      }

​

    /*if(vecLocation[i].x >width || vecLocation[i].x <10){

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

      } 

        if(vecLocation[i].y >height || vecLocation[i].y <0){

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

      }*/

      //または||且つ&&

    }

}