在 THREE.JS 中导出的 Blender 对象缺少面答案

【问题标题】：Exported Blender Object Missing Face In THREE.JS在 THREE.JS 中导出的 Blender 对象缺少面
【发布时间】：2017-09-29 09:22:02
【问题描述】：

我有一个导入 Blender 的 .STL 文件。然后我将它导出为 .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 中对模型进行三角测量，但它没有解决任何问题。

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

【问题讨论】：

标签： javascript three.js blender

【解决方案1】：

你的法线是一团糟。在 Blender 的 Edit Mode 中，按 Ctrl + N 以在导出前重新计算法线。

【讨论】：