在THREE.JS导出的Blender对象丢失面

Question

我有一个.STL文件，我导入Blender。然后我将它导出到.json以加载到THREE.JS

这里是Blender内部模型的样子。

通过THREE.js加载后，我的网页应用中的模型就是这样。

这里是加载导出的.JSON的代码。

  var loader = new THREE.JSONLoader();
  loader.load('model/floor.json', function(geometry, materials) {
    var materialsArr = materials;
    scope.mesh = new THREE.Mesh(geometry, materialsArr);
    console.log(scope.mesh.material);
    scope.mesh.material.color.setHex(0x8a8d8f);
    scope.mesh.translation = geometry.center();
    scope.mesh.castShadow = true;
    scope.mesh.receiveShadow = true;
    scene.add(scope.mesh);
  }

你会看到地板已经消失，并且有线路在运行。我在出口之前尝试在Blender中对模型进行三角测量，但它并没有解决任何问题。

我是否设置了某种设置或修饰符？

Answer 1

你的法线很乱。在Blender的编辑模式中，按 Ctrl + N 在导出前重新计算法线。