关于threeJS加载模型的坑(obj+mtl)

threeJs加载模型时,有些材质是透明的,如果忘记设置就会出现几何片的样子

  如图:关于threeJS加载模型的坑(obj+mtl)

 

 

        模型加载之后添加模型的材质透明度:

         object.traverse(function(child) {

                if(child instanceof THREE.Mesh) {

                    //child.material.shininess=0;

                   //在加载树木模型时,树叶的材质必须是透明的

                    child.material.transparent=true;
                   // child.shading=THREE.FlatShading
                }
            }

            );

关于threeJS加载模型的坑(obj+mtl)

渲染OK!

 

      Three.js提供了一个材质基类THREE.Material,

  该基类拥有three.js所有材质的公有属性,分为三类:基础属性,融合属性,高级属性

  基础属性:ID,name,透明度,是否可见,是否需要刷新等

  融合属性:决定了物体如何与背景融合

  高级属性:可以控制WEBGL上下文渲染物体的方法