在 Three.js 中将材质包裹在立方体周围答案

【问题标题】：Wrap a material around a cube in Three.js在 Three.js 中将材质包裹在立方体周围
【发布时间】：2013-06-15 00:21:39
【问题描述】：

我一直在关注this tutorial, 创建一个带有纹理的立方体。问题是，纹理在立方体的每个面上都重复出现。我想使用一个“包裹”立方体的单一纹理。这可能吗？

// material
var material = new THREE.MeshLambertMaterial({
    map: THREE.ImageUtils.loadTexture('http://www.html5canvastutorials.com/demos/assets/crate.jpg')
});
// this has no effect!
material.wrapAround = true;

// cube
var cube = new THREE.Mesh(new THREE.CubeGeometry(200, 200, 200), material);
cube.overdraw = true;
cube.rotation.x = Math.PI * 0.1;
scene.add(cube);

【问题讨论】：

标签： javascript canvas 3d three.js cube

【解决方案1】：

通常，使用 THREE.CubeGeometry，您可以：

(1) 选择在立方体的每一侧重复的单个纹理，或
(2) 六面各有不同的纹理

您还可以使用重复纹理在每一侧显示的次数。

对于这些示例，请查看以下演示的源代码：

http://stemkoski.github.io/Three.js/Textures.html

和

http://stemkoski.github.io/Three.js/Texture-Repeat.html

希望这会有所帮助！

【讨论】：

好极了，很高兴听到它！