WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 一对一班

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;
              
本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com