[p5js] "Array" Study JavaScript

var x = [],  y = [],  size = []; // uses 3 "arrays"
var colour = 0; //색도 변수로 지정해서 나중에 색 바꿀 때 써먹자

function setup() {
  createCanvas(400, 400);
  for (var i = 0; i < 10; i++) { // set a "for" loop
    x[i] = random(width); // assign a random value to the first array
    y[i] = random(height); //repeat
    size[i] = random(100); // and repeat
    ellipse(x[i], y[i], size[i], size[i]); //draw an ellipse first 
  }
}

function draw() {
  background(220); 
  for (var i = 0; i < 10; i++) { // set the second "for" loop
    if (dist(mouseX, mouseY, x[i], y[i]) < size[i]) { //use a "IF" statement, and a "dist" function '원'을 쓸 때는 dist쓰는 게 편리함. radius랑 논리 똑같  
      colour = 255; //use a var for color
    } else {
      colour = 0;
    }

    fill(colour);
    ellipse(x[i], y[i], size[i], size[i]);
  }
}