在 p5.js 中按下时删除按钮

Question

如何在 p5.js 中按下按钮后将其删除？我尝试了以下代码，但它没有做任何事情。

var button
function setup() {
  createCanvas(500, 550);
}

function draw() {
  background(220);
  button = createButton("Press to continue")
  button.position(100,525)
  button.mousePressed(function(){button.remove()})
}

Answer 1

您要在每一帧上重新创建按钮。如果将按钮创建代码移至设置函数，它应该可以工作。

var button
function setup() {
  createCanvas(500, 550);
  button = createButton("Press to continue")
  button.position(100,525)
  button.mousePressed(function(){button.remove()})
}

function draw() {
  background(220);
}

<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.3.1/p5.min.js"></script>
</head>
<body>   
</body>
</html>

在 p5.js 中按下时删除按钮

remove button when pressed in p5.js

p5.js