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

我目前正在使用p5.js进行一个项目。到目前为止，我可以显示三维基本体形状，如长方体、球体或圆柱体。我在互联网上搜索，发现p5.js只接受.obj文件作为模型。因此，我尝试按照编码列车的教程（）进行操作，但结果不一样

我仍然试图将教程中的代码放在我看来合乎逻辑的地方，但是控制台上出现了一个错误。 作为参考，我在http服务器上运行我的项目，不再使用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文件进行测试，这里有免费的模型：

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

我收到的错误消息是：

未捕获（承诺中）RangeError:在p5处超过了最大调用堆栈大小。js:63060

---

首先，您的代码看起来不错

您使用的是什么版本的p5？这是一个已知的问题。从本质上讲，他们这样做的方式是递归的，这解释了：

超过最大调用堆栈大小

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

你能做什么：

检查是否可以导入一个更简单/更小的模型，如果可以，您可能会遇到相同的错误

转到已合并到的较新版本