After importing the 3D model which includes .obj, .mtl, and several jpeg and png files,
I attempted to load the model using /images like this:
However, all I am seeing is a black model like this:
I'm puzzled about what I might have overlooked since I followed the instructions for utilizing both loaders.
Here is my code:
//loader
var MTTLoader = new THREE.MTLLoader();
MTTLoader.setPath( '/assets/HotAirBalloonIridesium/' );
MTTLoader.load('Air_Balloon.mtl', (materials) => {
console.log(materials);
materials.preload()
var objLoader = new THREE.OBJLoader();
objLoader.load('/assets/HotAirBalloonIridesium/Air_Balloon.obj', (object) => {
console.log(materials)
objLoader.setMaterials(materials)
scene.add(object);
})
})
I can't figure out what I might be overlooking as all the model files are present in my asset folder.