如何将json模型的纹理从Blender导出到Three.js?

时间:2016-12-26 16:47:13

标签: json three.js blender texture-mapping

在这种情况下,我在场景中创建了两个球体。一个是Three.js的SphereGeometry(左边的),另一个是Blender的json模型(右边的)。 他们都使用相同的材​​料,它确实有效。如下:

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

Using color white

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

Using wireframe

我尝试为它们添加纹理。

然而,映射效果在json模型(右边)的表面上不起作用。

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

enter image description here

我该如何解决这个问题?

以下是我的Demosource code

2 个答案:

答案 0 :(得分:1)

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

Three.js = :(

答案 1 :(得分:1)

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

就像这个视频一样。

How To Unwrap A UV Sphere In Blender

在此步骤之后,json文件具有UVs数组的完整信息,并且映射效果确实有效。

enter image description here