p5.js | Ratón | winmouseY

La variable winmouseY en p5.js se usa para almacenar la posición vertical actual del mouse, en relación con (0, 0) de la ventana.

Sintaxis:

winmouseY

Los siguientes programas ilustran la variable winmouseY en p5.js:

Ejemplo 1: este ejemplo usa la variable winmouseY para mostrar su posición.

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);
}

Producción:

Ejemplo 2: este ejemplo usa la variable winmouseY para mostrar contenido.

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);
  }
}

Producción:

Referencia: https://p5js.org/reference/#/p5/dwinmouseY

Publicación traducida automáticamente

Artículo escrito por sarthak_ishu11 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *