Blender - Three.js - 导出/导入网格看起来很丑答案

【问题标题】：Blender - Three.js - export/import mesh looks uglyBlender - Three.js - 导出/导入网格看起来很丑
【发布时间】：2013-09-03 00:20:07
【问题描述】：

我在从 Blender 获取一些 3D 对象以正确渲染到 Three.js 时遇到一些问题。

这是 Blender 中的对象：（我认为这些对象看起来很不错）

这是 Three.js 中的对象（使用 THREE.SceneLoader() 加载）：

（注意孔周围的奇怪表面）。

此外，放大时，我可以看到正面后面的部分物体面向相机。

有人可以告诉我一个很好的工作流程，可以从 Blender 中获取对象，在 Three.js 中正确渲染吗？

这是因为着色器还是网格导入/导出问题？

我正在使用示例中的场景（地面、天空、阴影）并使用从 Blender 导出的 JSON 文件中的 sceneLoader 加载我的网格。

如果我导出与 .obj 相同的对象并使用 OBJLoader 将其加载到 Three.js 中，它看起来就很好。

问题是我需要创建一个更复杂的场景，并且我需要对象是可交互的/可点击的。如果我将场景另存为 .OBJ，这可能吗？

【问题讨论】：

标签： 3d three.js blender

【解决方案1】：

使用 Flat-Shading ，例如 material.shading = THREE.FlatShading; 有关材料属性，请参见此示例： http://mrdoob.github.io/three.js/examples/webgl_materials.html 您正在寻找一个多面球体。在 three.js 中看起来很难看，因为它正在平滑顶点/面法线。

关于你的第二点。检查导入对象的大小和场景大小。如果您的对象在放大时被“切割”，您必须将相机附近的平面更改为较小的值。与缩小时对象消失的情况相同，您必须将相机远平面更改为更远（增加值）。希望这会有所帮助，祝你好运:)

【讨论】：