如何将纹理转换为从 Blender 导出到 Three.js 的 json 模型？答案

【问题标题】：How can I a texture to a json model exported from Blender to Three.js?如何将纹理转换为从 Blender 导出到 Three.js 的 json 模型？
【发布时间】：2017-05-11 01:56:12
【问题描述】：

在本例中，我在场景中创建了两个球体。一个是 Three.js 的 SphereGeometry（左），另一个是 Blender 的 json 模型（右）。它们都使用相同的材料，并且确实有效。如下：

var material = new THREE.MeshPhongMaterial({
    color: 0xffffff
});

var material = new THREE.MeshPhongMaterial({
    color: 0xffffff,
    wireframe: true
});

我尝试为它们添加纹理。

但是，映射效果在json模型的表面上不起作用（右）。

var material = new THREE.MeshPhongMaterial({
    map: texture,
});

我该如何解决这个问题？

这是我的Demo 和source code。

【问题讨论】：

in models/ball.json "uvs":[] 的数据是空的，所以没有纹理
我没有使用 Blender 的材料。我使用了three.js的MeshPhongMaterial。
谢谢！步态！我明白你的意思了。我必须在 Blender 中进行 UV 程序。那么，“uvs”数组就有了完整的uv信息。它确实有效。谢谢！

标签： json three.js blender texture-mapping

【解决方案1】：

检查 Blender Three.js 导出器中的 UVs 选项：

【讨论】：

感谢您的回复。实际上我总是检查the UVs option。不幸的是它不起作用.....

【解决方案2】：

我得到了答案。我必须先在 Blender 中打开一个 UV 球体。

就像这个视频一样。

How To Unwrap A UV Sphere In Blender

经过这一步，json文件就有了UVs数组的完整信息，贴图效果就可以了。

【讨论】：