如何在 p5.js 中启用右键单击？

Question

我正在制作一个扫雷克隆，左键单击显示单元格，右键单击应该标记单元格。

我正在使用功能 mouseClicked() - 这让我可以在左键单击时显示，也可以在右键单击时显示。

我试过使用

if(mouseIsPressed) {
    if(mouseButton === LEFT) {
        reveal
    }
    if(mouseButton === RIGHT) {
        flag
    }
}

这会在按下按钮的每一帧注册一次。我只想单击鼠标右键。我想我遗漏了一些简单的东西，但我真的无法在文档中找到任何东西，也找不到任何在线询问的人。

TL;DR - 我只想在 p5.js.

中右键单击

Answer 1

使用mouseClicked()函数并传递event。

然后使用event.button你可以判断是否是右击，像这样：

function mouseClicked(event){
  if(event.button === 2){ 
    // Right click 
  }
}

Answer 2

mouseClicked() 事件仅在按下鼠标按钮时发生一次。

事件发生时设置状态标志：

var rightPressed = false;

function mouseClicked() {
    if(mouseButton === RIGHT) {
        rightPressed = true;
    }
}

在处理事件触发的操作时重置标志：

function draw() {

    if (rightPressed) {
        rightPressed = false

        // do somthing
        // ...
    } 
}

How to enable right click in p5.js?