将GLTF模型添加到简单的React三纤维场景中

Question

我只是想在反应3纤维中的一个简单场景中添加一个具有扩散和凹凸纹理的模型。

我真的不知道我做错了什么。

这里是沙箱：https://codesandbox.io/s/three-point-lighting-in-react-three-fiber-forked-qeqlx?file=/src/index.js

该模型是一个GLTF moon，具有烘焙的纹理。月球只是一个球体，但我想使用GLTF模型。当前，场景显示背景和灯光，但不显示模型。

如果你对此有任何见解，我将不胜感激！

Answer 1

好吧，我知道了。感谢@Marquizzo

议题：

>

相对于场景，. gltf是非常大的。在Cinema 4d中，它是完美的大小。但在three.js，它大了大约99倍。

网格的位置在相机后面。我不知道你可以使用轨道控制来移动摄像机并手动找到物体。对象I也定位在[0,0,0]处。

我使用的模板场景来自一年前的教程。因此，从那以后，出现了一些重大的发展，导致运行时出现了一些简单的错误。所以我更新了依赖项。

我还有一些问题：

1. 纹理没有从烤入的. gltf文件加载。

我增加了照明，似乎照明不是问题。

这里是固定沙箱：固定沙箱

我学到的是：

1. 轨道控制

Answer 2

确保按照文档中的概述实施这些措施：

const loader = new GLTFLoader();
loader.load(
    moon,
    function(gltf) {
        scene.add(gltf.scene);
    }
);