如何在p5.js中导入模型？

Question

我目前正在使用p5.js进行一个项目。直到现在，我可以显示三维原语形状，如盒，球或圆柱。我在互联网上搜索，发现p5.js只接受.obj文件作为模型。因此，我尝试遵循编码列车的教程(https://www.youtube.com/watch?v=FUI7HEEz9B0)，但结果是不同的。

我仍然尝试将教程中的代码放在我看来合乎逻辑的地方，但控制台上有一个错误。有关信息，我在http-server上运行我的项目，不需要只运行index.html文件。以下是代码：

let bottle;

function preload() {
    bottle = loadModel('glass_bottle.obj');
}

function setup() { 
    pixelDensity(10.0);
    createCanvas(800, 600, WEBGL);
}

function draw() {
    background(0);
    noStroke();
    model(bottle);
}

如果您想使用.obj文件进行测试，您可以在这里获得免费的模型：https://www.turbosquid.com/fr/3d-model/free/bottle/obj

如果您知道我们是否可以在p5.js上添加其他型号的格式，请告诉我如何使用。

我收到的错误消息是：

RangeError:最大调用堆栈大小超过p5.js:63060

Answer 1

首先，您的代码看起来很好。

您使用的是什么版本的p5？导入复杂模型有一个已知的问题。从本质上讲，他们的做法是递归的，这解释了：

超过最大调用堆栈大小

在后来的补丁中，他们改变了他们的方法，并采取了迭代的路线。

你能做什么：

1. 检查是否可以导入更简单/更小的模型，如果可以，您可能会遇到相同的错误
2. 转到这个修复已被合并的较新版本。