如何在react-three-fiber中使用gltf加载mtl文件

Question

我已经从一个网站下载了一组文件，并在blender中导出了glb、gltf和mtl文件。我可以让glb或gltf文件显示在react-three-fiber场景中，但我不确定如何正确显示纹理。我遇到过几个演示，但它们看起来很旧，什么都不能用。

下面是我加载文件的方式。

import desk from '../../assets/desk.gltf'; // or .glb file

const [gltf, set] = useState();
useMemo(() => new GLTFLoader().load(desk, set), []);
return gltf ? <primitive object={gltf.scene} scale={[0.05, 0.05, 0.05]} position={[0,0,1]} 
rotation={[Math.PI/2,Math.PI,0]}/> : null

Answer 1

恐怕你把两个话题混在一起了。MTL文件与OBJ格式相关。这意味着资源几何体的视觉方面存储在一个或多个外部MTL文件中。

glTF对此没有单独的文件。材料定义直接在glTF JSON清单中定义。因此，加载实际的glTF资源就足以加载材质定义。