渲染器剔除模式

渲染器可以設置成舍棄某些面，如前面、背面等，在【WebGLRenderer Constants】中對此有說明。默認情況下，是剔除掉背面，也就是背對著相機的面。下面看看例子：

首先創建一個正方形，給每個面不同顏色：

let geometry = new THREE.BoxGeometry(100,100,100);let materials = [new THREE.MeshBasicMaterial({color:0xff0000}),new THREE.MeshBasicMaterial({color:0x0ff00}),new THREE.MeshBasicMaterial({color:0x00ff00}),new THREE.MeshBasicMaterial({color:0x000ff0}),new THREE.MeshBasicMaterial({color:0x0000ff}),new THREE.MeshBasicMaterial({color:0x000000})];let material = new THREE.MultiMaterial(materials);mesh = new THREE.Mesh(geometry,material);mesh.rotation.x = THREE.Math.degToRad(45);scene.add(mesh);

其效果如下：

然后我們設置剔除前面：

renderer.setFaceCulling(THREE.CullFaceFront,THREE.FrontFaceDirectionCW);

這里有兩個參數，第一個指定剔除模式，第二個指定順時針還是逆時針，都可以在【WebGLRenderer Constants】找到。設置后效果變成了：

面向相機的面不見了，這在演示一個模型內部時是很有用的。【例子】

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的threejs渲染器剔除模式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。