How to load mtl files with gltf in react-three-fiber

user_1087990 0
Viewed 491

I have downloaded a set of files from a site and exported the glb, gltf, and mtl files in blender. I can get the glb or gltf file to display in the react-three-fiber scene, but I am not sure how to get the textures to display properly. I have come across a couple of demos but they seem old and what would not work.

Here is how I load the file.

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
gltf react-three-fiber three.js reactjs
1 Answers

I'm afraid you are mixing two topics. MTL files are relate to the OBJ format. Meaning the visual aspects of the assets's geometry are stored in one or more external MTL files.

glTF does not have separate files for that. Material definitions are directly defined in the glTF JSON manifest. So loading the actual glTF asset is sufficient for loading material definitions.

user_52508470
Related