p5.js | Ratón | Botón del ratón

La variable mouseButton en p5.js se usa para obtener automáticamente qué tipo de tecla se presiona con el mouse. El valor de la variable del sistema mouseButton es IZQUIERDO, DERECHO o CENTRO, según el último botón que se presionó.

Sintaxis:

mouseButton

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

Ejemplo 1: este ejemplo usa la variable mouseButton para detectar el botón del mouse.

function setup() {
      
    // Create canvas
    createCanvas(500, 500);
}
   
function draw() {
      
    // Set background color
    background(237, 34, 93);
      
    // Fill color
    fill(0);
   
    if (mouseIsPressed) {
        if (mouseButton === LEFT) {
            ellipse(height/2, width/2, 100, 100);
        }
        if (mouseButton === RIGHT) {
            rect(height/2, width/2, 100, 100);
        }
    }
}

Producción:

Ejemplo 2: este ejemplo usa la variable mouseButton para detectar el botón del mouse.

function setup() {
      
    // Create canvas
    createCanvas(500, 500);
      
    // Set the text size
    textSize(40); 
}
   
function draw() {
      
    // Set background color
    background(237, 34, 93);
      
    // Set the text color
    fill(255);
      
    // Check the status of the mouse
    if (mouseIsPressed) {
        text(mouseButton, height/2, width/2);
    }
}

Salida:

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

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 *