Como usar arquivos obj carga e MTL Three.js

OBJ e MTL é uma geométrica arquivos de modelo e modelos em 3D de material de arquivo.

Three.js na última versão (R78) na classe OBJMTLLoader anterior é obsoleta.

Agora, para carga e arquivo MTL OBJ, requer uma combinação de OBJLoader e MTLLoader duas classes de implementar, que também fornece flexibilidade operacional.

O código seguinte é primeiro carregado egg.mtl arquivo material de MTLLoader usados, em seguida, o material é fornecido a um objeto OBJLoader para utilização quando modelo carregamento obj.

onProgress está a carregar as chamadas de retorno do processo, onError tratamento de erros função.

// modelo 
var onProgress = função (XHR) {
     se (xhr.lengthComputable) {
         var percentComplete = xhr.loaded / xhr.total * 100 ; 
        console.log (Math.round (percentComplete, 2 ) + ' % baixado ' ); 
    } 
}; 
 
var onError = função (XHR) {}; 
 
THREE.Loader.Handlers.add ( /\.dds$/i, nova THREE.DDSLoader ()); 
 
var mtlLoader = novo THREE.MTLLoader (); 
mtlLoader.setPath ( ' / envios / 160601 / obj / ' );
mtlLoader.load ( ' egg.mtl ' função, (materiais) { 
 
    materials.preload (); 
 
    var objLoader = novo THREE.OBJLoader (); 
    objLoader.setMaterials (materiais); 
    objLoader.setPath ( ' / envios / 160601 / obj / ' ); 
    objLoader.load ( ' egg.obj ' , a função ( objectivo ) { 
 
        objeto .position.y = - 0,5 ; 
        scene.add ( objecto ); 
 
    }, onProgress, onError); 
 
});

 

código completo: https://wow.techbrood.com/fiddle/27158