p5.js | función keyReleased()

La función keyReleased() se invoca cada vez que se llama a una tecla cada vez que se presiona una tecla. La clave ASCII escrita más recientemente se almacena en la variable ‘clave’; sin embargo, no distingue entre caracteres en mayúsculas y minúsculas. Se puede acceder a los caracteres no ASCII en la variable ‘keyCode’ con sus respectivos códigos.

Los diferentes navegadores pueden tener su propio comportamiento predeterminado adjunto a algunas de las claves. Esto se puede evitar agregando «return false» al final de la función.

Sintaxis:

keyReleased()

Parámetros: este método no acepta ningún parámetro.

Los siguientes ejemplos ilustran la función keyReleased() en p5.js:

Ejemplo:

function setup() {
  createCanvas(600, 200);
  textSize(20);
  text("Press any key to check if "
        + "it is being pressed or "
        + "released", 10, 20);
}
   
function keyPressed() {
  clear();
  textSize(20);
  text("Press any key to check if "
        + "it is being pressed or "
        + "released", 10, 20);
  textSize(30);
    
  text("You are pressing: " 
        + key, 20, 100);
}
   
function keyReleased() {
  clear();
  textSize(20);
  text("Press any key to check if "
        + "it is being pressed or "
        + "released", 10, 20);
  textSize(30);
    
  text("You released: "
        + key, 20, 100);
}

Producción:

Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

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