p5.js 和 dom 图书馆增加分数按钮

Question

我原以为这会很简单，但显然我做错了，因为分数没有递增

var button;
var paragraph;
var score = 0
function incrementScore() {
score++
}
function setup() {

  createCanvas(100, 100);
  background(0);
  button = createButton('click me');
  button.position(19, 19);
  paragraph = createP(score)
  button.mousePressed(incrementScore);

}

提前致谢

Answer 1

你做的一切都正确，但你没有更新 canvas 中的文本：你需要调用 update 函数并重新绘制文本：

function update() {
  background(0);
  paragraph.html(score);
}

p5.js 和 dom 图书馆增加分数按钮

p5.js with dom library increment score button

p5.js