使用 p5.js，在 draw 中使用函数时，如何让它只执行一次？

Question

我在我的一个项目中使用 p5.js，我不明白如何检查是否按下了某个键，以及何时运行一个函数，但只运行一次。

我有keyIsDown的函数内部draw ，因为我需要不断地检查输入，但是当有键按下时，运行我的功能一次。 但是在此功能运行一次后，我需要它准备好再次按下该键或其他键。

它目前正在运行与帧率成正比的函数，我希望它在每次按键点击时运行一次。 一些伪代码如下所示：

function ABC () {
    console.log("1")
}

draw () {
    when key(1) is pressed:
        function ABC()
}

即使我尽可能快地单击该键，out 也会输出“1”但 5-30 次。 问题是draw()一直在循环，所以当它检查keyPressed ，它会将其注册为按下了几次。

如何确保每次单击按钮时该功能仅运行一次，仍然继续等待另一次按钮单击，但运行该功能？

编辑：

我都试过：

function keyTyped() {
  console.log("a")
  if (key === 'a') {
    console.log("a")
  }
}

和

function keyPressed() {
  console.log("a")
  if (key === 'a') {
    console.log("a")
  }
}

没有任何反应，无论我按什么键。 应该有东西进入控制台，但什么都没有。

Answer 1

您可以使用keyPressed()函数：

function draw() {
  // stuff that happens 60 times per second
}

function keyPressed() {
  // stuff that happens once per key press
}

您可以在参考资料中找到更多信息。

另一种方法是创建一个布尔变量来跟踪您是否已经处理过按键操作。