p5.js |鼠标 | pmouseY

p5.js 中的pmouseY变量用于存储鼠标光标在当前活动帧之前的帧中相对于画布原点的垂直位置。

句法：

pmouseY

下面的程序说明了 p5.js 中的 pmouseY 变量：

示例 1：本示例使用 pmouseY 变量将鼠标指针绘制为圆形。

function setup() {
  
    // Create canvas
    createCanvas(1000, 400);
}
   
function draw() {
      
    // Set the background color
    background(244, 248, 252);
      
    // Fill color relative pmouseX,
    // pmouseY and mouseY
    fill(pmouseX%255, pmouseY%255, mouseY%255);
      
    // Draw circle 
    circle(mouseX, pmouseY, pmouseX%100);
}

输出：

示例 2：本示例使用 pmouseY 变量来显示鼠标指针的位置。

function setup() {
      
    // Create canvas
    createCanvas(1000, 400);
      
    // Set font size
    textSize(20);
}
   
function draw() {
      
    // Set background color
    background(200);
      
    // Display result
    text("Position of pmouseY is "
        + pmouseY, 30, 40);
}

输出：

参考： https://p5js.org/reference/#/p5/pmouseY