p5.js | Función keyTyped()

La función keyTyped() se invoca cada vez que se presiona una tecla, excepto las teclas de acción como las teclas de flechas direccionales, Ctrl, Shift, Alt, Retroceso y la tecla Supr. La clave tecleada más recientemente se almacena en la variable ‘clave’ .

Tenga en cuenta que mantener presionada una tecla puede causar múltiples llamadas keyTyped(). 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 que se pueden evitar agregando «devolver falso» al final del método.

Sintaxis:

keyTyped()

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

El siguiente ejemplo ilustra la función keyTyped() en p5.js:

Ejemplo:

function setup() {
  createCanvas(600, 200);
  textSize(20);
  text("Press any key to display it on the screen", 10, 20);
  text("Any of the action keys would not be recognized", 10, 40);
}
  
function keyTyped() {
  clear();
  textSize(20);
  text("Press any key to display it on the screen", 10, 20);
  text("Any of the action keys would not be recognized", 10, 40);
  textSize(100);
  text(key, 100, 150);
}

Producción:

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

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