p5.jsでアニメーションをしたいときにfor文を使わない方法

p5.jsでアニメーションを描画したい場合、for文を使うのは都合が悪いときがある。

for(let i = 0 ; i <= 10 ; i++){
}

draw関数はwhile文と同じなのでwhile文をfor文に変換することを考えて次のように考えればいい。

let i = 0;
function draw(){
  i++;

  if(i >= 10){
    noLoop();
  }
}

二重ループにしたい場合は次のように書くことができる。

for(let i = 0 ; i <= 10 ; i++){
  for(let j = 0 ; j <= 10 ; j++){
  }
}

これを

let i = 0;
let j = 0;
function draw(){
  j++;

  if(i >= 10 && j >= 10){
    noLoop();
  }
  if(j >= 10){
    j = 0;
    i++;
  }
}