While 循环在 P5.js 的函数中不起作用

While Loop Not Working In Function For P5.js

我在 python 方面经验丰富,但对 java 完全陌生。我正在使用 p5 并想设置一个简单的函数,根据用户输入的数字,它会绘制那么多圆圈。我不确定为什么它不起作用。

var numProton;

function setup() {
  numProton = createInput();
  numProton.changed(nucleus);
  createCanvas(600, 500);
  background(255);  
}

function draw() {
    noStroke()
    textSize(15);
    fill(0, 0, 0);
    text('^ # of Protons', 25, 30);
    text('^ # of Neutrons', 150, 30);
    text('^ # of Electrons', 275, 30);
}

function nucleus() {
    var i = 0;
    while(i <= numProton.value) {
        ellipse(300, 250, 10);
        i++;
    }
}

可能是一个非常简单的错误,但非常感谢您的帮助 none the less.

为什么不使用 for 循环,它具有相同的确切目的:

for (var i = 0; i <= numProton.value; i++) {
    ellipse(300, 250, 10);
}

是否有可能 numProton.value() 应该是 () 的函数调用?

看这里p5.js/changed