p5.js | mouseWheel()函数

在p5.js中，mouseWheel()函数被用于检测鼠标滚轮的滚动事件。此函数将在用户使用鼠标滚轮滚动时被执行。

语法

function mouseWheel(event)

参数

event: 一个鼠标滚轮的事件对象。

返回值

void

示例代码

下面是一个使用mouseWheel()函数的示例代码。当用户向前滚动鼠标滚轮时，将会增加一个计数器的值，当向后滚动时将会减少。

var count = 0;

function setup() {
  createCanvas(400, 400);
  textSize(20);
  textAlign(CENTER);
}

function draw() {
  background(220);
  text(count, width/2, height/2);
}

function mouseWheel(event) {
  if (event.delta > 0) {
    count++;
  } else {
    count--;
  }
}

当用户滚动鼠标滚轮时，mouseWheel()函数将根据滚轮的方向更新计数器的值。

在此示例中，event.delta的值代表了滚轮的滚动方向，当其大于零时，代表向前滚动。当其小于零时，代表向后滚动。

结论

mouseWheel()函数在p5.js编程中扮演着重要的角色，它能够检测鼠标滚轮的滚动事件并对其进行处理。通过event.delta属性，我们可以获得当前鼠标滚轮的滚动方向，并根据该方向进行不同的操作。