Three.js 如何三维建模

Question

通过材质的透明度属性 .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;