p5.js mousePressed()函数介绍

mousePressed()是p5.js库中的一个函数，用于监听鼠标按键的按下事件。当鼠标按下时，该函数会自动被调用一次。

语法

function mousePressed() {
  // 在这里编写处理鼠标按下事件的代码
}

使用方法

当鼠标按下时，可以在mousePressed()函数中编写处理鼠标按下事件的代码。比如，可以在该函数中实现：

• 绘制形状或文本；
• 在屏幕上显示或隐藏元素；
• 调用自定义函数或其他库的函数等等。

示例

function setup() {
  createCanvas(400, 400);
  background(220);
}

function mousePressed() {
  fill(random(255), random(255), random(255)); // 随机生成RGB颜色值
  ellipse(mouseX, mouseY, random(50, 100)); // 在鼠标按下的位置处绘制圆形
}

该示例程序会在画布上绘制一个背景，并在每次鼠标按下时，绘制一个不同颜色、大小随机的圆形，圆形的中心点坐标为鼠标按下的位置。

注意事项

• mousePressed()函数只在有鼠标的设备中有效，在手机或平板电脑等触摸屏设备上不适用。
• mousePressed()函数只能监听鼠标左键的按下事件，如果需要监听其他鼠标按键的事件，可以使用mouseButton全局变量进行判断。