想不通。使用 threejs 和 Angular 加载 3D glTF 模型
Can't figure it out. Loading 3D glTF model with threejs and Angular
我现在苦苦思索 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 对吗？
您放置相机的方式看起来不正确。请改用此代码，您将看到头盔：
this.camera.position.set(0, 0, 4);
我现在苦苦思索 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 对吗？
您放置相机的方式看起来不正确。请改用此代码，您将看到头盔：
this.camera.position.set(0, 0, 4);