p5.js | loadBytes()函数

loadBytes()函数用于读取文件或 URL 的内容并将其作为包含一系列字节的对象返回。然后可以使用对象的“bytes”属性访问字节。该文件必须存在于要访问的草图目录中。此方法可以支持最大 64MB 的文件大小。

该函数是异步的，因此建议在 preload()函数中调用，以确保该函数在其他函数之前执行。

句法：

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

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

• file：它是一个字符串，表示必须从中加载 XML 数据的文件路径或 URL。
• callback：这个函数执行成功时调用的函数。此函数的第一个参数是从文件加载的 XML 数据。它是一个可选参数。
• errorCallback：这是一个函数，如果执行函数有任何错误，就会调用该函数。此函数的第一个参数是错误响应。它是一个可选参数。

返回值：它返回一个对象，该对象的“bytes”属性设置为从文件加载的字节。

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

例子：

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

输出：

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

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