Blender设置发光属性

上节课给大家介绍过threejs的发光属性emissive、发光强度属性.emissiveIntensity。

const material = new THREE.MeshLambertMaterial({
    emissive:0xff0000,//发射红光
    emissiveIntensity:0.2//发光强度 默认值1.0
});

这节课给大家测试下Blender中设置自发光属性，导出gltf文件，threejs加载解析。

测试

Blender创建一个物体，物体颜色默认白色，创建材质时候不设置发光属性，导出gltf。

twin.loader.load('./展厅未设置自发光.glb',function(gltf){
    twin.scene.add(gltf.scene)
})

threejs渲染gltf模型，比较有光照和无光照物体渲染效果。

const ambient = new THREE.AmbientLight(0xffffff, 1.0);
twin.scene.add(ambient);

测试

无光照情况下，color设置不会生效，Blender设置发光颜色和发光强度，导出gltf到threejs测试。

浏览器后台log打印，查看threejs解析Blender自发光的属性值

twin.loader.load('./展厅.glb',function(gltf){
    twin.scene.add(gltf.scene)
    const mesh = gltf.scene.getObjectByName('自发光物体');
    console.log('发光物体材质',mesh.material);
})