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

Question

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

我正在使用函数mouseClicked() - 这使我能够在左键单击时显示并在右键单击时显示。

我尝试使用

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

每帧注册一次，以检测按钮是否被按住。我只需要单击鼠标右键。我想我错过了一些简单的东西，但是我真的找不到文档或在线寻求帮助。

TL;DR - 我只想在p5.js中实现右键单击功能。

- ObamoDank

Answer 1

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

当事件发生时，请设置一个状态标志：

var rightPressed = false;

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

当由事件触发的操作被处理时，请重置标记：

function draw() {

    if (rightPressed) {
        rightPressed = false

        // do somthing
        // ...
    } 
}

- Rabbid76

Answer 2

使用mouseClicked()函数并传递event参数。然后，使用event.button可以确定是否是右键单击：

例如：

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

- Anurag Srivastava