Javascript 模型另一侧可见三个JS网格

Javascript 模型另一侧可见三个JS网格,javascript,three.js,blender,Javascript,Three.js,Blender,所以我使用了一个定制的模型,它是用blender为ThreeJS制作的。我将其导出到一个.obj文件,并使用Three-js转换实用程序生成一个json文件。我把它设置为旋转,当它旋转时,你可以看到模型的另一面。 这是我用来加载它的代码: loader.load("pegnin.js", function(geometry, materials){ material = new THREE.MeshPhongMaterial( { color: 0xff0000,

所以我使用了一个定制的模型,它是用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);
  });

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

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

不需要您更改模型的变通方法是设置:

mesh.material.side = THREE.DoubleSide;

three.js r.85

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

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

不需要您更改模型的变通方法是设置:

mesh.material.side = THREE.DoubleSide;
3.js r.85