Javascrip循环锁

Question

我的练习是创建5个颜色，大小，位置随机的圆。 我快到了，但是我不明白为什么它会陷入无限循环。

我尝试将变量设置为global，但是它不会生成多个随机数。

function setup() {
  createCanvas(1080, 920);   
}


function draw() {

  background(224);
  for (var i=0; i<5; i++){
      var rdnRadius = int(random(0,500));
      var rdnColorX = int(random(0,300));
      var rdnColorY = int(random(0,400)); 
      var rdnColorZ = int(random(0,100));
      var rdnX = int(random(0,500));
      var rdnY = int(random(0,500));
     dibuixarElipse(rdnColorX, rdnColorY, rdnColorY, rdnX, rdnY, 
rdnRadius);
  }
}



 function dibuixarElipse(colorX, colorY, colorZ, x, y, radius) {

        strokeWeight(2);
        stroke(colorX, colorY, colorZ);
        noFill();
        ellipse(x, y, radius); 
    }

每次刷新html时，我希望有5个具有随机颜色，位置和大小的圆圈。我正在陷入无限循环。