p5.js | Ratón | ratónY

La variable pmouseY en p5.js se usa para almacenar la posición vertical del cursor del mouse en el cuadro anterior al cuadro activo actual, en relación con el origen del lienzo.

Sintaxis:

pmouseY

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

Ejemplo 1: este ejemplo usa la variable pmouseY para dibujar el puntero del mouse como un círculo.

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

Producción:

Ejemplo 2: este ejemplo usa la variable pmouseY para mostrar la posición del puntero del mouse.

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

Producción:

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

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 *