想不通。使用threejs和Angular加载3D glTF模型

Question

我现在正在努力研究three.js 以及如何使用Angular 导入3D 模型。

我搜索了文档，我搜索了这里。我似乎无法弄清楚我在这个问题上哪里错了。

也许答案就在我面前，但我似乎无法找到答案。

我制作了一个可以工作的 CodeSandbox。

https://codesandbox.io/s/great-tu-oqquo?file=/src/app/three-service.ts

我只是不明白为什么没有显示 3D 模型。我尝试了多个模型，更改了相机位置，更改了模型位置并弄乱了相机设置。

我还尝试更改 gltf.scene 位置，尝试将 gltf.scene.children[0] 添加到场景中并尝试从中创建网格，然后将其添加到我的场景中。

到目前为止没有成功...这让我发疯了。

此外，胶片通道似乎增加了扫描线的数量，并且它有点放大直到全部像素化。

我是否设置了相机或场景错误？ 我使用的是 GLTFLoader 对吗？

Answer 1

您放置相机的方式看起来不正确。改用此代码，您将看到头盔：

this.camera.position.set(0, 0, 4);