ThreeJS 加载gltf模型过暗问题解决

ThreeJS 加载gltf模型过暗问题解决

用ThreeJS加载了两个gltf模型，明显比在3Dc查看器中的暗

        var loader = new GLTFLoader();

        loader.load('/static/models/bed.glb', function (gltf) {
            gltf.scene.scale.set(100,100,100);
            gltf.scene.rotation.set(0,0,0);
            gltf.scene.position.set(50,-10,50)
            gltf.scene.castShadow=true;
            console.log(gltf.scene)
            gltf.scene.traverse( function ( child ) {
            if ( child.isMesh ) {
                child.frustumCulled = false;
                //模型阴影
                child.castShadow = true;
                //模型自发光
                child.material.emissive =  child.material.color;
                child.material.emissiveMap = child.material.map ;
            }})
            scene.add(gltf.scene);
        });

只需设置模型自发光即可

 child.material.emissive =  child.material.color;
 child.material.emissiveMap = child.material.map ;