javascript - three.js 加载贴图问题

问题描述

问 题

---

导入的模型 .obj 和 .mtl 文件，
贴图获取到了，为什么没显示。
var onProgress = function ( xhr ) {

    if ( xhr.lengthComputable ) {  
        var percentComplete = xhr.loaded / xhr.total * 100;  
                }  
            };  

var onError = function ( xhr ) { };
var mtlLoader = new THREE.MTLLoader();

mtlLoader.setTexturePath( 'obj/' );  
mtlLoader.setPath( 'obj/' );  
mtlLoader.load( 'ship_boat.mtl', function( materials ) {  
    console.log(materials);
materials.preload();  

var objLoader = new THREE.OBJLoader();

objLoader.setMaterials( materials );  
objLoader.setPath( 'obj/' );  
objLoader.load( 'ship_boat.obj', function ( object ) {  
    object.scale.set(0.1, 0.1, 0.1);
    mesh = object;
    scene.add( mesh );  
     
    }, onProgress, onError );  

});

解决方案

今天偶然间回想起这个 ， 然后看了一下 ，应该是缺少光源的问题 ，加个光源，应该就能正常显示了 ，没有光 ，所以都是黑的

这篇关于javascript - three.js 加载贴图问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！