Three.js材质透明度设置

通过材质的透明度属性.opacity可以设置材质的透明程度，.opacity属性值的范围是0.0~1.0，0.0值表示完全透明, 1.0表示完全不透明，.opacity默认值1.0。

当设置.opacity属性值的时候，需要设置材质属性transparent值为true，如果材质的transparent属性没设置为true, 材质会保持完全不透明状态。

在构造函数参数中设置transparent和.opacity的属性值

              var material = new THREE.MeshPhongMaterial({
                color: 0x220000,
                // transparent设置为true，开启透明，否则opacity不起作用
                transparent: true,
                // 设置材质透明度
                opacity: 0.4,
              });
              

通过访问材质对象属性形式设置transparent和.opacity的属性值

  // transparent设置为true，开启透明，否则opacity不起作用
              material.transparent = true;
                // 设置材质透明度
              material.opacity = 0.4;