OBJLoaderとMTLLoaderはThreeJS

Question

にPNG /テクスチャをレンダリングされていないこの

のような/画像付きモデルをロードしようとしている

しかし、私は取得していますが、私は私は2つのローダを使用する際のガイドラインを以下のように、私が見逃しているのだろうか、彼

のような黒色のみのモデルです。

ここは私のコードです。

//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); 
    }) 
}) 

私は私の資産フォルダが

Answer 1

トライロード

var loader = new THREE.OBJLoader(manager); 
      loader.load('s_v1.obj', function (object) { 

       object.traverse(function (child) { 

        if (child instanceof THREE.Mesh) 
        { 

         // child.material.map = texture2; 
         // child.material.specularMap=texture; 
         // child.material.map=texture; 

        } 
       }); 

       // object.position.x = - 60; 
//    object.rotation.x = 0; //20* Math.PI/180; 
//    object.rotation.z = 0;//20* Math.PI/180; 
       object.scale.x = 80; 
       object.scale.y = 80; 
       object.scale.z = 80; 
       obj = object 
       scene.add(obj); 
       animate(obj); 

      }); 

Answer 2

大丈夫迅速な更新を使用してobjをすべてのモデルファイルが含まれているとして、私は欠けているのだろうか、ローダーは何も問題はありませんでしたが、フォン素材

するvar hemiLight =新しいTHREE.HemisphereLight（0xFFFFFFの、0xFFFFFFの、0.50）を、必要に応じて私が間違って照明を使用していました。

するvar dirLight =新しいTHREE.DirectionalLight（0xFFFFFFの、0.50）;

が明らかです。