如何在p5js中预加载姿态网？

Question

所以我用p5js，poseNet和Ml5 js创建了一个突围游戏，游戏在加载模型之前运行，在p5js中启动设置和绘制功能之前，我应该如何等待所有的模型加载。

我尝试了p5js中的预加载功能，请帮助

Answer 1

最简单的方法是在poseNet方法调用回调函数之前防止draw函数循环。在下面的示例中，这将是modelLoaded()。此函数在模型加载时触发。

示例代码：

function setup(){
    // Don't loop yet
    noLoop(); 

    // Example uses a video element
    const video = document.getElementById("video");

    // Create a new poseNet method
    const poseNet = ml5.poseNet(video, modelLoaded);
}

// Callback function for when the model is loaded
function modelLoaded() {
    console.log("Model Loaded!");

    // Start the draw() loop
    loop();
}

function draw(){
    // Your code here
}