ThreeJS模型设置透明度,会出现部分遮挡的情况

641 阅读1分钟

threejs中想实现模型模型透明,显示里面模型的效果。

var material = new THREE.MeshBasicMaterial({ transparent: true, opacity: 0.1 });

但是,从不同方向观察模型,会发现从背面是看不到里面物体的,通过查阅资料后,发现只要在材质上设置 depthWrite 为 false就可以了,当然也可以设置side属性。

var material = new THREE.MeshBasicMaterial({ transparent: true, opacity: 0.1, depthWrite: false });