p5.js | loadStrings()函数

loadStrings()函数用于读取文件的内容并使用文件的每一行创建一个字符串数组。如果使用文件名，则要读取的文件必须位于sketch目录，否则可以指定文件的URL。

建议在 preload()函数中调用该函数，以确保该函数在其他函数之前执行。

句法：

loadStrings( filename, callback, errorCallback )

参数：此函数接受三个参数，如上所述，如下所述：

• 文件名：这是一个字符串，表示文件的名称或从中加载文件的 url。
• callback：这是一个函数，在函数执行成功后调用。此函数的第一个参数是字符串数组。
• errorCallback：这是一个函数，如果执行该函数有任何错误，则调用该函数。此函数的第一个参数是错误响应。

以下示例说明了 p5.js 中的loadStrings()函数：

示例 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);
    }
}

输出：

示例 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);
    }
}

输出：

在线编辑器： https://editor.p5js.org/

环境设置： https://www.geeksforgeeks.org/p5-js-soundfile-object-installation-and-methods/

参考： https://p5js.org/reference/#/p5/loadStrings