将模型从 Blender 导出到 three.js CanvasRenderer 奇怪的扭曲法线答案

【问题标题】：Exporting model from Blender to three.js CanvasRenderer weird distorded normals将模型从 Blender 导出到 three.js CanvasRenderer 奇怪的扭曲法线
【发布时间】：2015-01-27 01:05:19
【问题描述】：

我正在尝试使用 Three.js import export for blender 导出模型，当我使用 WebGLRenderer 时一切正常，但如果我使用 CnavasRenderer（我需要交叉浏览支持），我会得到一个模型，但带有奇怪的行为（如果我导出一个具有超过 2 个相互接触的几何图形的模型），我的网格中的法线闪烁和扭曲。如果我在导出到单个网格之前测试过加入模型并且是相同的，这无关紧要，如果有 2 个不同的几何体相互接触就会发生这种情况）

我以链接模型中的图像为例！ http://i.stack.imgur.com/ATjLH.png

有人有一些技巧可以将其从搅拌机中导出以与 CanvasRenderer 一起使用吗？我会很感激任何帮助:)

谢谢！！

【问题讨论】：

1.你能显示一个实时链接来演示这个问题吗？ 2. 为什么你认为法线是“扭曲的”？
嗨。是的，我将link 发布到具有该行为的视频中。
我也有同样的想法，但我不确定，我认为可能是我从 Blender 导出模型时做错了，但我已经尝试了所有可能的结果......我会报告它，如果我得到什么，我会用答案发表评论......
@elverde 1. 你能显示一个实时链接来演示问题（不是视频）吗？ 2. 为什么你认为法线是“扭曲的”？
@WestLangley 你可以查看here回答你的问题2，我不知道怎么解释，查看链接，你可以自己判断:)

标签： javascript canvas 3d three.js blender

【解决方案1】：

经过一番努力，我找到了这个替代方案，如果有人遇到同样的问题，我希望它会有所帮助。

对我来说，解决方案是使用ThreeCSG library 进行减法、联合等。我认为这在大多数情况下都不起作用，因为使用复杂模型来做这件事有点麻烦，但没关系就我而言。

我给你留下一个 image 的结果，使用 CanvasRenderer 渲染它完美地工作

谢谢！

【讨论】：