I'm having trouble loading an FBX Model in ThreeJS. When I load the model, it only appears from the bottom and not from the top. It seems like only one side is being rendered.
Does anyone have any ideas on how to fix this issue?
This is my load function:
_LoadAnimatedModel() {
const loader = new FBXLoader();
loader.setPath('./resources/models/');
loader.load('track.fbx', (fbx) => {
fbx.scale.setScalar(0.1);
fbx.traverse(c => {
c.castShadow = true;
});
const anim = new FBXLoader();
anim.setPath('./resources/models/');
anim.load('track.fbx', (anim) => {
const m = new THREE.AnimationMixer(fbx);
this._mixers.push(m);
const idle = m.clipAction(anim.animations[0]);
idle.play();
});
this._scene.add(fbx);
});
}
The same issue occurs when I load it into the
Here's a Picture from the Bottom Perspective
And Here's a Picture from the Top Perspective
When I exported it without animations, it displayed correctly on screen. Does anyone have any tips on exporting as FBX from Blender properly?