Blender + three.js - 将图像包裹在对象周围答案

【问题标题】：Blender + three.js - Wrap image around objectBlender + three.js - 将图像包裹在对象周围
【发布时间】：2014-10-03 09:43:16
【问题描述】：

我正在尝试从搅拌机中导出对象并使用 three.js 显示它们，到目前为止一切正常。我已经对 Blender 有了足够的了解，因为我正在使用的对象刚刚从网上下载。

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

任何人都可以指出正确的方向，以便阅读有关执行此操作的首选方法的一些信息吗？

【问题讨论】：

标签： three.js blender

【解决方案1】：

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

所以，我用这两个教程来学习如何在 Blender 中进行 UV 贴图：

https://www.youtube.com/watch?v=obB9T3jXlak（较旧但更简单）

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

然后使用如下编码：（取自 Jos Dirksen 的 Learning 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 文件位于同一文件夹中。

【讨论】：