Angular Can';我想不出来。使用3JS和角度加载3D glTF模型

Angular Can';我想不出来。使用3JS和角度加载3D glTF模型,angular,three.js,gltf,Angular,Three.js,Gltf,我现在正绞尽脑汁研究three.js以及如何使用Angular导入3D模型 我搜索了文件,我搜索了这里。我似乎不知道我在这件事上错在哪里 也许答案就在我面前,但我似乎无法确定 我制作了一个工作代码沙盒 我只是不明白为什么3D模型没有出现。我尝试了多个模型,改变了相机的位置,改变了模型的位置,把相机的设置弄得一团糟 我还尝试更改gltf.scene位置,尝试将gltf.scene.children[0]添加到场景中,并尝试从中创建网格,然后将其添加到我的场景中 到目前为止没有成功。。。这快把我逼

我现在正绞尽脑汁研究three.js以及如何使用Angular导入3D模型

我搜索了文件,我搜索了这里。我似乎不知道我在这件事上错在哪里

也许答案就在我面前,但我似乎无法确定

我制作了一个工作代码沙盒

我只是不明白为什么3D模型没有出现。我尝试了多个模型,改变了相机的位置,改变了模型的位置,把相机的设置弄得一团糟

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

到目前为止没有成功。。。这快把我逼疯了

此外,电影过程似乎增加了扫描线的数量,它有点放大,直到全部像素化

我是把相机调好了还是把场景调错了?
我使用的GLTFLoader正确吗?

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

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

OMG,是的!非常感谢。你能解释一下为什么这样做,为什么我错了吗?我认为我可以把相机定位在我创建的3D空间中,我试图把它放在屏幕的中间,在“Z-索引”600的“代码>相机单元”中。位置< /代码>是世界单位,而不是像素。在链接的代码框中,已经提出了更改,但是对于我来说,没有显示任何东西(Chrome/MAC)。有什么不对劲吗?