Оберните материал вокруг куба в Three.js

Question

Я следующие 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); 

Answer 1

Как правило, с THREE.CubeGeometry, вы можете:

(1) Выберите одну текстуру, которая повторяется на каждой стороне куба, или
(2) имеют различную структуру для каждая из шести сторон

Вы также можете использовать повторение количества раз, когда текстура отображается с каждой стороны.

Для примеров каждого из них, проверить исходный код демоса по адресу:

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

и

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

Надежда это помогает!