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並在場景中最後添加透明紋理來完成此操作。