Trying to load multiple fbx in a function, i try different ways to do that in same function, separate functions, same loader, different loaders, etc. but nothing seems to work and the result is same it only loads the first .fbx. This is the code that i have:
function loadModels(){
//model1
var loader1 = new THREE.FBXLoader();
loader1.load( 'models/model1.fbx', function ( model1 ) {
scene.add( model1 );
} );
//model2
var loader2 = new THREE.FBXLoader();
loader2.load( 'models/model2.fbx', function ( model2 ) {
scene.add( model2 );
} );
animate();
}
1 Answer 1
Had same issue. Fixed by replacing examples/js/loaders/FBXLoader.js to newer version from https://github.com/mrdoob/three.js/ (current revision 96)
Problem was that FBXLoader.js had exact same typing "FBXTree" for variable and function name
Sign up to request clarification or add additional context in comments.
model2load if you load only this model into your scene? Ismodel1bigger thanmodel2? Maybemodel2is just insidemodel1as you add both models to the same position (0,0,0)