p5.js | Función tecla pulsada()

La función keyPressed() se invoca 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 mayúsculas y minúsculas. Los códigos de caracteres no ASCII se pueden acceder en la variable ‘keyCode’ con sus respectivos nombres.
Mantener presionada una tecla puede causar múltiples llamadas keyPressed(). Esto se debe a cómo el sistema operativo maneja las pulsaciones de teclas y depende de cómo esté configurada la computadora. Un navegador puede tener su propio comportamiento predeterminado adjunto a varias teclas. Esto se puede evitar agregando «return false» al final del método.
Sintaxis: 
 

keyPressed()

Parámetros: este método no acepta ningún parámetro.
Los siguientes ejemplos ilustran la función keyPressed() en p5.js:
Ejemplo 1: 
 

function setup() {
  createCanvas(600, 200);
  textSize(20);
  text("Press any key to display it "
          + "on the screen", 10, 20);
}
 
function keyPressed() {
  clear();
  textSize(20);
  text("Press any key to display it "
          + "on the screen", 10, 20);
  textSize(100);
  text(key, 100, 150);
}

Producción: 
 

Ejemplo 2: 
 

let opac = 128;
 
function setup() {
  createCanvas(700, 200);
  background(0, 128, 0, opac);
  textSize(22);
  text("Press the left and right arrow"
        + " keys to change the opacity"
        + " of the color.", 10, 20);
}
 
function keyPressed() {
  clear();
 
  textSize(50);
  text("Pressing: " + key, 100, 150);
 
  // Reduce opacity if the left arrow is pressed
  if (key == "ArrowLeft" && opac > 0)
    opac -= 20;
  // Increase opacity if the left arrow is pressed
  else if (key == "ArrowRight" && opac < 255)
    opac += 20;
 
  // Set the new background color
  background(0, 128, 0, opac);
 
  textSize(22);
  text("Press the left and right arrow"
        + " keys to change the opacity"
        + " of the color.", 10, 20);
}

Producción: 
 

Editor en línea: https://editor.p5js.org/
Configuración del entorno: https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/
Referencia: https://p5js.org/ referencia/#/p5/tecla pulsada