Lately, I've been utilizing MTLLoader to load my obj meshes in Threejs.
Although it does the job by loading the correct textures, the material appears too dull for my liking.
My expectation:
https://i.sstatic.net/Z2T9d.png
What I am currently seeing:
https://i.sstatic.net/OJxyG.png
I'm uncertain about how to adjust the "metalness," "roughness," "specular," etc. attributes of this mesh since I used MTLLoader.
I suspect that the matte appearance may be due to my lighting setup.
Here's the code for the lighting:
function setLighting(){
const light = new THREE.PointLight(0xffffff, 2, 10);
light.position.set(0, 10, 0);
scene.add(light);
var hemiLight = new THREE.HemisphereLight( 0xffffbb, 0x080820, 2 );
scene.add( hemiLight );
}
The above function is invoked only once in my script.
I would greatly appreciate any assistance.
Thank you!