Three.Js object file is loadded but material files are not loading

Asked Dec 04 '17 at 12:10

Active Dec 05 '17 at 14:03

Viewed 235 times

I created 1 small object file in the blender tool and then exported it to wavefront (.obj) format.

My code:

var mtlLoader = new THREE.MTLLoader();
mtlLoader.setPath( 'objs/' );
mtlLoader.load( 'final_blue_cup.mtl', function( materials ) {
    materials.preload();
    var objLoader = new THREE.OBJLoader();
    objLoader.setMaterials( materials );
    objLoader.setPath( 'objs/' );
    objLoader.load( 'final_blue_cup.obj', function ( object ) {
        scene.add( object );
    }, onProgress, onError );
});

This is my output from my blender tool:

This is what is get after load in three.js:

With this link you can find my object, material and blender file: https://drive.google.com/drive/folders/1XW_teF6N3qqmqavsQrPpLZntJoMvqL0K

Can anyone help me in fixing it?

edited Dec 05 '17 at 14:03

Ivar

6,138
12
49
61

asked Dec 04 '17 at 12:10

Darshit Hedpara

2

none of the attributes in your mtl file are bluish. they are all grayish. – gaitat Dec 04 '17 at 14:05
i also attached .blend file and its rendered output file in .png in point (1) – Darshit Hedpara Dec 04 '17 at 14:31

Three.Js object file is loadded but material files are not loading

0 Answers0