Hi, new to Three.js and React-Three-Fiber. I successfully loaded a model using GLTF loader in React-Three-Fiber, but the orientation for 2 sub-meshes are completely off. Please refer to attached images. Image 1 is a screenshot of the model in Marmoset Toolbag, Image 3 is the same model that I tested in Don McCurdy’s GLTF Viewer, and Image 2 is how it loades in R3F.
I understand I could manually tweek and get these into place, but I would like some help to identify the source of the problem for future reference. Perhaps there are some things missing in model preparation that I’m not aware of.
Following is my process for creating the assets:
- Assets are modelled using Marvelous Designer, Modo, Zbrush and Substance Painter, not in Blender if this matters.
- Marmoset is used to compose and generate GLB file (Marmoset does not export GLTF format) 3) Following CesiumGS/gltf-pipeline guideline, I used command line to convert GLB file to GLTF format. (gltf-pipeline -i model.glb -o model.gltf) https://github.com/CesiumGS/gltf-pipeline
- I tested 3 methods of loading in R3F: 1) GLB file 2) GLTF file 3) GLB + GLTF without using Draco Loader. All of these files can be loaded, alas the same orientation problem
Any help or suggest much appreciated.
