three.js所透明的平面切割周边物体的质感

Question

transcut http://glasier.hk/image/transcut.png

每个面与本作：

geometry = new THREE.PlaneGeometry(w,h,1,1,1); 
base = new THREE.MeshBasicMaterial({ color: pass.color, transparent: true, side: THREE.DoubleSide}) 
material = new THREE.MeshLambertMaterial({ map: THREE.ImageUtils.loadTexture(pass.img), transparent: true, opacity:1, side: THREE.DoubleSide }); 
shape = new THREE.Mesh(geometry, material); 

我有什么错呢？

Answer 1

它看起来像一个深度缓冲区问题。 见this和that。

您可以尝试使用材质的depthTest和depthWrite参数进行演奏，或以自定义顺序绘制对象。您可以通过设置renderer.sortObjects = false并在场景中最后添加透明纹理来完成此操作。