javascript - THREE.OBJLoader 不工作(TypeError)

Question

我正在尝试制作一个 HTML/Javascript 应用程序，以 Wavefront .OBJ 格式显示任意 3d 模型。现在我有一个可以显示球体和平面等的工作应用程序。我尝试将 THREE.OBJLoader 模块合并到我的代码中，但它破坏了一些东西。我已经弄清楚如何用我的页面加载它并测试它是否实际加载(我在 THREE.OBJLoader 副本的末尾放置了一个警报并且它正确显示)。

我用来尝试加载模型的代码在这里:

var loader = new THREE.OBJLoader();
loader.load('3d/models/torus.obj', function ( object ) {
scene.add( object );
});

(它是从这里复制的:render OBJ file using THREE.OBJLoader。是的，我也阅读并尝试了 MrDoob 的链接源代码(“Male02.obj”等)。)

当我使用该代码片段加载我的页面时，我看到的是一个空白屏幕(而不是我拥有的带有球体的小场景)。 Chrome 开发人员工具在“var loader = new THREE.OBJLoader();”行后显示错误。错误如下:“Uncaught TypeError: undefined is not a function”。

关于如何正确显示 3d 模型的任何想法？提前致谢。我会根据需要发布更多代码。

Answer 1

确保将 OBJLoader 包含在单独的 <script> 标记中——这通常不是 build/three.js(或 three.min.js)的艺术