使用p5.js,当在draw内部使用函数时,如何使其仅运行一次?

时间:2019-12-01 02:53:47

标签: javascript input p5.js

我正在将p5.js用于我的一个项目,但我不明白如何检查是否按下了一个键,何时检查一个键,但只能运行一次功能。

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

当前正在运行与帧率成比例的函数,我希望它每次单击一次即可运行。一些伪代码如下所示:

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

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

即使我尽可能快地单击该键,输出也将输出“ 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")
  }
}

无论我按什么键,什么都没有发生。应该有一些东西可以进入控制台,但是什么也没有。

1 个答案:

答案 0 :(得分:1)

您可以使用keyPressed()函数:

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

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

您可以在the reference中找到更多信息。

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