javascript - 使用 p5.js，是否可以预加载一些在 .json 文件中定义的 .json 文件，而该文件本身是使用 preload() 函数预加载的？

Question

我正在开发一个 p5.js 项目，该项目从 JSON 文件加载一些配置选项。我在 p5.js 的 preload() 函数中预加载配置文件，如下所示:

let config = {};

function preload() {
    config = loadJSON("data/config.json");
}

配置 JSON 文件的一部分包含一些 song 对象，每个对象都有一个 filename 属性，这是我想要预加载的另一个 JSON 文件:

"songs": [
    {
        "title": "Song One",
        "filename": "01.json"
    },
    ...
]

我无法在 p5.js 的 setup() 函数之前访问配置文件数据(因为我无法保证在此之前配置文件已被完全读取)，此时我无法再预加载歌曲 JSON 文件。

我正在尝试找出是否有任何解决办法。

编辑:感谢下面乔治的回答，我的工作如下。以下所有内容在进入 p5.js 的 setup() 函数之前运行，这正是我所追求的:

let config = {};

function preload() {
    config = loadJSON("config.json", configLoaded);
}

function configLoaded(_config) {
    let songs_length = _config.album.songs.length;
    for (let i = 0; i < songs_length; i++) {
        loadJSON("data/" + _config.album.songs[i].filename, songLoaded);
    }
}

function songLoaded(_song) {
    console.log(_song);
}

Answer 1

您应该能够加载loadJSON()并设置数据加载或出错时的回调。

希望，如果一切都设置得井井有条，像这样简单的事情应该可以工作:

function preload() {
    config = loadJSON("data/config.json");
    loadJSON(config.songs[0].filename,songOneLoaded);
}

function songOneLoaded(data){
    console.log("song one data loaded",data);
}

注意我无法测试上述内容，但希望它可以帮助您指明正确的方向。我还会仔细检查要加载的 .json 文件的路径。理想情况下，您也应该始终处理错误情况。