JavaScript While循环问题

Question

function draw() {
  background(51);
  balloon.show();
  balloon.update();
  score.time();
  var state = 0;

  if (frameCount % 100 == 0) {
    blocks.push(new Blocks());

  }

  while (state != 1) {
    for (var i = blocks.length-1; i >= 0; i--) {
        blocks[i].show();
        blocks[i].update();

        if (blocks[i].offscreen()) {
           blocks.splice(i, 1);
        }

        if (blocks[i].hits(balloon)) {
            blocks = null
            console.log("hitted");
            state = 1;
        }
    }
}

}

所以基本上我只想让块数组在“气球”对象击中其中一个时停止在屏幕上绘制自己。运行后我没有收到任何错误，我得到了在控制台上写的文本，因此碰撞按预期工作。任何想法为什么循环不会停止？