javascript - 使用 Three.js 从一侧看不到脸

Question

我有一个带有 JPG 纹理的 OBJ 文件加载到页面中 - 从一侧看脸是可见的，但从另一侧看它们是不可见的。

可见的脸(有点黑 - 抱歉!)

另一面 - 面不可见。

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

Answer 1

在 Material 上添加双面标志。假设你有类似的东西:

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

添加:

material.side = THREE.DoubleSide;

或者当您创建 Material 时:

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