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

时间:2017-05-01 23:32:38

标签: javascript three.js blender

我有一个.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中对模型进行三角测量,但它并没有解决任何问题。

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

1 个答案:

答案 0 :(得分:2)

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