p5.js | función de entrada()

La función input() se invoca cada vez que se detecta una entrada de usuario en el elemento. Se puede utilizar para detectar pulsaciones de teclas o cambios en los valores de un control deslizante. También se puede usar para adjuntar un detector de eventos a un elemento.

Sintaxis:

input(fxn)

Parámetros: Esta función acepta un solo parámetro como se mencionó anteriormente y se describe a continuación.

• fxn: esta es la función de devolución de llamada que se llamaría cada vez que se detecta una entrada. Se puede pasar ‘falso’, lo que impediría que la función de disparo anterior dejara de disparar.

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

Ejemplo:

function setup() {
  createCanvas(600, 300);
  textSize(28);
  fill("green")
  text("Write in the input box to change the text", 10, 20);
   
  // create input box
  let inputElem = createInput('');
  inputElem.input(onInput);
  inputElem.position(20, 40)
}
   
function onInput() {
  clear();
  text("Write in the input box to change the text", 10, 20);
   
  fill("green")
  strokeWeight(10)
  rect(0, 80, 600, 100)
   
  // get the text entered
  fill("black")
  text(this.value(), 20, 120)
}

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/reference/#/p5/input