While循环不适用于P5.js

时间:2018-10-12 01:57:42

标签: javascript 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++;
    }
}

可能是一个非常简单的错误,但我仍然感谢您的帮助。

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

是否可能 <div id="text"></div> <button id="7" onclick="press(this.id)">7</button> <button id="8" onclick="press(this.id)">8</button> <button id="9" onclick="press(this.id)">9</button> <button id="clear" onclick="clear()">Clear</button> function press(pressed_id) { document.getElementById("text").innerHTML += document.getElementById(pressed_id).innerHTML; } function clear() { document.getElementById("text").innerHTML = ""; } 是使用numProton.value()的函数调用?

在此处查看p5.js/changed