如何在p5js中预加载位姿网络?

时间:2019-01-26 00:15:38

标签: javascript html p5.js

因此,我使用p5js,poseNet和Ml5 js创建了一款突破游戏,并且该游戏在加载模型之前运行,如何在启动p5js中的设置和绘制功能之前等待所有模型加载,

我在p5js中尝试了Preload函数 请帮助

1 个答案:

答案 0 :(得分:0)

最简单的方法是防止在poseNet方法调用回调函数之前循环绘制函数。在下面的示例中,这将是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
}