p5.js | 鼠标 | pmouseY

p5.js 是一个流行的基于 Processing.js 的 JavaScript 库，它可以帮助开发者向网页中添加交互式的图形和动画效果。在本文中，我们将介绍 p5.js 中的 pmouseY 变量，该变量可以帮助我们获取上一次鼠标移动事件的 Y 坐标。

pmouseY 变量的定义

pmouseY 代表 "previous mouseY"，它可以让我们轻松地获取鼠标上一次移动事件的 Y 坐标，这个事件可以在画布上发生，也可以在网页的其它区域发生。

使用 pmouseY 变量

我们可以使用 pmouseY 变量来改变图形和动画的行为，例如，我们可以根据上一次鼠标的位置来控制圆形的半径：

let radius = 50;
function setup() {
  createCanvas(400, 400);
}
function draw() {
  background(220);
  if (mouseY > pmouseY){
    radius++;
  } else if (mouseY < pmouseY){
    radius--;
  }
  circle(200, 200, radius);
}

在这个例子中，我们初始化一个半径为 50 的圆形，并且在 draw 函数中根据 pmouseY 变量来改变圆形的半径。如果鼠标向上移动，半径减小，如果鼠标向下移动，半径增大。

总结

在本文中，我们介绍了 p5.js 中的 pmouseY 变量以及它的用法。通过使用 pmouseY 变量，我们可以轻松地控制图形和动画的行为，从而实现更加交互式和动态的效果。如果您正在使用 p5.js 来构建 Web 应用程序或者网页，那么 pmouseY 变量可能非常有用。