Three.js，无法正确显示 obj 文件答案

【问题标题】：Three.js, doesn't show correctly obj fileThree.js，无法正确显示 obj 文件
【发布时间】：2014-05-09 20:41:09
【问题描述】：

我们正在开发 3d 对象纹理 Web 应用程序..

在示例中，我们使用带有 uv 映射的 3d phone obj 文件。

但它没有正确接缝。当我们用 3d 软件 blender 打开并纹理化 obj 文件时，它显示正确。

问题可能来自顶点或法线？

示例网址： http://www.baskiburada.com/viewer/viewer.html

【问题讨论】：

1.你必须展示它应该是什么样子。 2. 你似乎有很多背靠背的面孔。这是故意的吗？
1.它应该看起来像这样。它必须有坚实的面孔。 link
我不知道，什么是背靠背？有2张不同的脸吗？我们没有创建这个 obj。而且我对 3D 设计了解不多。
您将不得不学习基础知识。您可以通过创建自己的模型来做到这一点。您使用的模型显然有问题。

标签： 3d three.js texture-mapping

【解决方案1】：

听起来您需要进一步了解您尝试加载的数据及其代表的含义。但至于如何使用three.js 处理Obj 文件，p 或许可以去看看Github 上的Learning Three.js 一书中的代码示例。特别是 Ch09.06 和 Ch09.07：https://github.com/josdirksen/learning-threejs/tree/master/chapter-08。它包含如何加载带有纹理的 Obj 文件的完整示例。

【讨论】：

【解决方案2】：

您好，您正在使用 Three.js 库的 r61，并且您的模型文件是非三角化的。正在发生的事情是构成网格的“正方形”被自动分割成“三角形”，显然会产生有害影响。在将资产按原样发送到生产环境之前，让您的建模人员对法线进行三角测量和验证。

【讨论】：