p5.js | función loadStrings()

La función loadStrings() se usa para leer el contenido de un archivo y crear una array de strings con cada una de las líneas del archivo. El archivo que se va a leer debe estar ubicado en el directorio del boceto si se usa el nombre del archivo; de lo contrario, se puede especificar una URL para el archivo.

Se recomienda llamar a esta función en la función preload() para garantizar que la función se ejecute antes que las otras funciones.

Sintaxis:

loadStrings( filename, callback, errorCallback )

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

nombre de archivo: esta es una string que denota el nombre del archivo o la URL desde la que cargar el archivo.
devolución de llamada: esta es una función que se llama después de que la función se ejecuta con éxito. El primer argumento para esta función es la array de strings.
errorCallback: esta es una función a la que se llama si hay algún error al ejecutar la función. El primer argumento para esta función es la respuesta de error.

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

Ejemplo 1:

let result;
   
function preload() {
    result = loadStrings("test_file.txt");
}
   
function setup() {
    createCanvas(600, 300);
    textSize(22);
}
   
function draw() {
    clear();
    text("The contents of the file "
        + "are shown below:", 20, 20);
   
    // Check if the strings array
    // is non-empty before displaying
    // the contents
    if (result.length > 0) {
        for (let i = 0; i < result.length; i++) {
            text(result[i], 20, 60 + i * 20);
        }
    }
    else {
        text("File is empty", 20, 60);
    }
}

Producción:
loadString-precarga

Ejemplo 2:

let result;
   
function setup() {
    createCanvas(600, 300);
    textSize(22);
   
    text("The file would be loaded"
            + " below...", 20, 20);
   
    result = loadStrings(
            "test_file.txt", fileLoaded);
}
   
function fileLoaded() {
    text("The contents of the file "
        + "are shown below:", 20, 60);
   
    // Check if the strings array
    // is non-empty before 
    // displaying the contents
    if (result.length > 0) {
        for (let i = 0; i < result.length; i++) {
            text(result[i], 20, 100 + i * 20);
        }
    }
    else {
        text("File is empty", 20, 60);
    }
}

Producción:
loadStrings-devolución de llamada