导出的搅拌器对象在THREE.JS中丢失面孔

Question

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

这里是模型在Blender里面的样子。

这里就是模型看起来像我的web应用程序内通过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

你的法线是一团糟。在编辑模式在搅拌器中，按Ctrl + 否在出口前重新计算您的法线。