p5.js | Función loadBytes()

La función loadBytes() se usa para leer el contenido de un archivo o URL y devolverlo como un objeto que contiene la serie de bytes. Luego se puede acceder a los bytes usando la propiedad «bytes» del objeto. El archivo debe estar presente en el directorio del boceto para poder acceder. Este método puede admitir tamaños de archivo de hasta 64 MB.

Esta función es asíncrona, por lo que se recomienda llamarla en la función preload() para asegurarse de que la función se ejecute antes que las otras funciones.

Sintaxis:

loadBytes(file, [callback], [errorCallback])

Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

• archivo: es una string que indica la ruta del archivo o URL desde donde se deben cargar los datos XML.
• devolución de llamada: Es una función que se llama cuando esta función se ejecuta con éxito. El primer argumento de esta función son los datos XML cargados desde el archivo. Es un parámetro opcional.
• errorCallback: Es una función que se llama si hay algún error en la ejecución de la función. El primer argumento para esta función es la respuesta de error. Es un parámetro opcional.

Valor devuelto: Devuelve un objeto que tiene la propiedad «bytes» establecida en los bytes cargados desde el archivo.

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

Ejemplo:

let loadedBytes = null;
   
function setup() {
  createCanvas(500, 300);
  textSize(22);
   
  text("Click on the button below to "
    + "load bytes from file", 20, 20);
   
  // Create a button for loading the XML
  loadBtn = createButton("Load bytes from file");
  loadBtn.position(30, 50)
  loadBtn.mousePressed(loadFileBytes);
}
   
function loadFileBytes() {
      
  // Load bytes from file
  loadedBytes = loadBytes('characters.txt', onFileload);
}
   
function onFileload() {
  text("Bytes loaded successfully...", 30, 100);
   
  // Print the bytes
  for (let i = 0; i < loadedBytes.bytes.length; i++)
    text(loadedBytes.bytes[i], 30 + i * 50, 150);
}

Producción:

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

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