javascript - 三 JS 网格在模型的另一侧可见

Question

所以我使用了在 Blender 中为 ThreeJS 制作的自定义模型。我将其导出为 .obj 文件，并使用 Three-js 转换实用程序创建 json 文件。我将其设置为旋转，当它旋转时，您可以看到模型的另一侧。这是我用来加载它的代码:

  loader.load("pegnin.js", function(geometry, materials){
    material = new THREE.MeshPhongMaterial( {
      color: 0xff0000,
      polygonOffset: true,
      polygonOffsetFactor: 1, // positive value pushes polygon further away
      polygonOffsetUnits: 1
    });
    material.depthTest = true;
    mesh = new THREE.Mesh(geometry, material);
    scene.add(mesh);
  });

Live Demo

Answer 1

two.js 假设正面具有逆时针缠绕顺序。换句话说， Three.js 中的正面是由面的缠绕顺序决定的，而不是面法线。

您的模型中的正面可能具有顺时针缠绕顺序。

不需要更改模型的解决方法是设置:

mesh.material.side = THREE.DoubleSide;

三.js r.85