p5.js loadStrings()用法及代码示例

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

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

用法:

loadStrings( filename, callback, errorCallback )

参数：该函数接受上面提到并在下面描述的三个参数：

filename:这是一个字符串，表示文件名或从中加载文件的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); 
    } 
}

输出：
loadString-preload

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

输出：
loadStrings-callback

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

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

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

相关用法

注：本文由纯净天空筛选整理自sayantanm19大神的英文原创作品 p5.js | loadStrings() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。