ランダムアニメーション

let vecLocation = [];

let vecVelocity = [];

let vecAcceleration =[];

let col = [];

let diax = [];

let diay = [];

const NUM = 100;

​

​

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));

    vecAcceleration[i] = createVector(random(-0.1, 0.1), random(-0.1, 0.1));

    col[i] = color(random(255), random(255), random(255));

    diax[i] = random(10, 50);

    diay[i] = random(10, 50);

  }

}

​

​

function draw() {

  background(0);

  noStroke();

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

    fill(col[i]);

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

    vecVelocity[i].add(vecAcceleration[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;

    }

  }

}