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

Question

我正在开发一个从 JSON 文件加载一些配置选项的 p5.js 项目。我正在 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 文件的路径。理想情况下，您也应该始终处理错误情况。

Answer 2

你不能把它添加到preload() 函数中吗？像这样的：

let config = {};
let songOne = 

function preload() {
    config = loadJSON("data/config.json");
    let songOneUrl = config.songs[0].filename;
    songOne = loadSongFile(songOneUrl);
}

以上只是一个示例，语法可能不正确（我不确定您是如何加载歌曲的）。但是思路应该是一样的。

编辑：我刚刚看到乔治比我早几秒钟回答了这个问题。我会接受他的话而不是我的话。