javascript - THREE.JS 中导出的 Blender 对象缺少面

Question

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

这是模型在 Blender 中的样子。

这是通过 THREE.js 加载模型后模型在我的 Web 应用程序中的样子。

下面是加载导出的 .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 中对模型进行三 Angular 测量，但没有解决任何问题。

是否有某种我没有设置的设置或修饰符？

Answer 1

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