Blender + three.js - 围绕对象包裹图像

时间:2014-08-10 12:05:34

标签: three.js blender

我正在尝试从blender导出对象并使用three.js显示它们,到目前为止一切正常。我已经学到了很多关于Blender的信息,因为我刚刚从网上下载了我正在使用的对象。

我现在要做的是在Blender或three.js中将图像包裹在我的对象周围

有人能指出我在正确的方向上阅读首选方法吗?

1 个答案:

答案 0 :(得分:1)

要在模型周围包裹图像,您需要将其映射到Blender中的模型。然后,您从Blender导出的文件将包含在three.js中显示它所需的几何和材料信息。

因此,我使用这两个教程来学习如何在Blender中进行UV贴图:

https://www.youtube.com/watch?v=obB9T3jXlak(更老但更简单)

https://www.youtube.com/watch?v=f2-FfB9kRmE(更新但更彻底)

然后使用这样的编码:(取自Jos Dirksen的学习Three.js书)

var loader = new THREE.JSONLoader();
    loader.load('../assets/models/misc_chair01.js', function (geometry, mat) {
        mesh = new THREE.Mesh(geometry, mat[0]);

        mesh.scale.x = 15;
        mesh.scale.y = 15;
        mesh.scale.z = 15;

        scene.add(mesh);

    }, '../assets/models');

确保您的jpeg图像文件的副本与model.js文件位于同一文件夹中。