使用Three.js从一侧不可见的面孔

Question

我有一个OBJ文件与JPG纹理加载到一个页面-从一边的面孔是可见的，但从另一个是不可见的。

​

​

可见的脸(有点暗-对不起！)

​

​

另一面-脸不可见。

我尝试过添加model.doubleSided = true;，但这似乎并没有改变任何事情。

Answer 1

在材料上添加双面旗。假设你有这样的东西：

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

加：

material.side = THREE.DoubleSide;

或者当您创建材料时，请做：

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

编辑:对于返回Object3D的OBJMTL加载程序，我们需要遍历对象来设置适当的标志：

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 );