threejs 展示gltf模型加了环境光，全黑

首先确定是否是gltf格式出现原因：使用glft viewer 确定gltf 能否展示https://gltf-viewer.donmccurdy.com/查看exposure是否为大于0的数，在webGLRender 中设置查看emissive和emssiveMap:如果使用环境光看到黑色（或者其他纯色），将emssive设置为material.color,如果有纹理，将纹理赋值给emssiMa

tcmmx1993

5830人浏览 · 2020-12-03 16:32:40

tcmmx1993 · 2020-12-03 16:32:40 发布

首先确定是否是gltf格式出现原因：
使用glft viewer 确定gltf 能否展示 https://gltf-viewer.donmccurdy.com/
查看exposure是否为大于0的数，在webGLRender 中设置

查看emissive和emssiveMap:
如果使用环境光看到黑色（或者其他纯色），将emssive设置为material.color,如果有纹理，将纹理赋值给emssiMap。

var loader = new THREE.GLTFLoader();
  loader.load( 'xxx.gltf', function ( gltf ) {
 // +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  //需要添加的部分
            gltf.scene.traverse( function ( child ) {
            	if ( child.isMesh ) {
                    child.material.emissive =  child.material.color;
					child.material.emissiveMap = child.material.map ;
            	}
            } );
// ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++    
            scene.add( gltf.scene );

        }, undefined, function ( e ) {

            console.error( e );

        } );