p5.js |鼠标 |赢老鼠Y

p5.js 中的winmouseY变量用于存储鼠标当前的垂直位置，相对于窗口的 (0, 0)。

句法：

winmouseY

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

示例 1：本示例使用 winmouseY 变量显示其位置。

function setup() {
  
    // Create canvas of given size
    createCanvas(1000, 400);
      
    // Set the text size
    textSize(20); 
}
   
function draw() {
      
    // Set the background color
    background(200);
      
    // Create rectangle
    rect(winMouseX, winMouseY, 10, 10);
      
    // Display winMouseY position
    text("Position of winMouseY is "
        + winMouseY, 30, 40);
}

输出：

示例 2：本示例使用 winmouseY 变量显示内容。

function setup() {
  
    // Create canvas of given size
    createCanvas(500, 500);
      
    // Set the text size
    textSize(20); 
}
   
function draw() {
      
    // Set background color
    background(200);
      
    // Create circle
    circle(winMouseX, winMouseY, winMouseX-winMouseY);
      
    // Create line
    line(0, 0, windowWidth, windowHeight);
      
    // Check condition and display content
    if( winMouseX != winMouseY ) {
        text("You Lose", 12, 34);
  }
}

输出：

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