P5.js | 鼠标 | pmouseX

P5.js是一个用于创意编程的JavaScript库，它让视觉化作品更加简单，易于理解。其中，pmouseX是P5.js库中的一个变量，用于存储上一帧鼠标相对于画布的X坐标位置。在每一帧更新时，它会更新为当前鼠标相对于画布的X坐标位置。

语法

pmouseX

示例

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

function draw() {
  background(220);

  // draw a circle at current mouse position
  fill(255, 0, 0);
  ellipse(mouseX, mouseY, 50, 50);

  // draw a line from last mouse position to current mouse position
  stroke(0);
  line(mouseX, mouseY, pmouseX, pmouseY);

  // update pmouseX and pmouseY to current mouse position
  pmouseX = mouseX;
  pmouseY = mouseY;
}

在这个示例中，我们创建了一个画布，并在其中绘制一个圆圈。我们还绘制了一条线，从上一帧鼠标位置开始，到当前帧鼠标的位置结束。这条线的起点是pmouseX和pmouseY所存储的上一帧鼠标位置。

结论

pmouseX是一个非常有用的变量，用于追踪鼠标在画布中的位置变化。使用它，我们可以绘制出平滑的鼠标轨迹，或者在绘图过程中进行其他各种操作。