關於threeJS加載模型的坑(obj+mtl)

threeJs加載模型時，有些材質是透明的，如果忘記設置就會出現幾何片的樣子，

  如圖:

 

模型加載之後添加模型的材質透明度，

   object.traverse(function(child) {

                if(child instanceof THREE.Mesh) {

                    //
              

                    //child.material.shininess=0;

  //在加載樹木模型時，樹葉的材質必須是透明的

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

            );

渲染OK:

      Three.js提供了一個材質基類THREE.Material，

　　該基類擁有three.js所有材質的公有屬性，分爲三類：基礎屬性，融合屬性，高級屬性

　　基礎屬性：ID,name，透明度，是否可見，是否需要刷新等

　　融合屬性：決定了物體如何與背景融合

　　高級屬性：可以控制WEBGL上下文渲染物體的方法