使用Three.js從一側隱形的面孔

Question

我有一個加載到頁面中的JPG紋理的OBJ文件 - 從一側可見，但從另一側看不到。

面臨可見的（有點暗 - ！對不起）

另一面 - 面不可見。

我試着加入model.doubleSided = true;但是這似乎沒有改變任何東西。

Answer 1

在材質上添加雙面標誌。假設你有這樣的：

material = new THREE.MeshLambertMaterial ({ color: 0xFF00FF }); 

地址：

material.side = THREE.DoubleSide; 

，或者當您創建的材料做的事：

material = new THREE.MeshLambertMaterial ({ color: 0xFF00FF, side: THREE.DoubleSide }); 

編輯：對於OBJMTL裝載機返回一個Object3D我們便需要遍歷對象設置適當的標誌：

if (object instanceof THREE.Object3D) 
{ 
    object.traverse (function (mesh) 
    { 
     if (! (mesh instanceof THREE.Mesh)) return; 

     mesh.material.side = THREE.DoubleSide; 
    }); 
} 

Answer 2

嘗試添加renderer.setFaceCulling(THREE.CullFaceNone);