three.js как переместить стартовую точку картографирования?

Question

Как перенести исходную точку текстуры отображения?

Это файл obj с текстурой uv_grid.

Он показывает линию (начальная точка) по центру, но то, что я хочу сделать, это переместить начальную точку отображения на сторону, как показано ниже.

Мой код:

var loader = new THREE.ImageLoader(); 
loader.load("../img/white.jpg", function(image) { 
    texture.minFilter = THREE.LinearFilter; 
    texture.image = image; 
    texture.wrapS = THREE.ClampToEdgeWrapping; 
    texture.wrapT = THREE.ClampToEdgeWrapping; 
    texture.needsUpdate = true; 
}, onProgress, onError); 

var loader = new THREE.OBJLoader(); 
loader.load('../models/body.obj', function(object) { 
    object.traverse(function(child) { 

     if (child instanceof THREE.Mesh) { 
      child.material.map = texture; 
     } 
    }); 
    object.name = "object"; 
    object.position.y = 0; 
    scene.add(object); 
}, onProgress, onError); 

Answer 1

Первое, что вы должны попробовать, чтобы настроить текстуре offset и repeat и посмотреть-параметров, если это дает достаточно хорошие результаты.

Если это не поможет, вам, вероятно, придется создать новую UV-карту, которая сделает то, что вы хотите (вы не указали, что именно вы пытаетесь сделать). Чтобы создать новую УФ-карту, в основном есть два варианта:

a) Создайте новую UV-карту в трёхмерном виде. Есть несколько вариантов для этого, с разной сложностью и более или менее многообещающими результатами. То, что могло бы работать в вашем случае, было бы двойной проекцией спереди и сзади. Это было бы похоже на съемку спереди и сзади и использование этих двух изображений в виде текстуры.

b) но, особенно если вы хотите иметь швы в нужных местах, вам может понадобиться научиться делать uv-разворачивание с помощью 3d-программного обеспечения (например, blender). Имеет действительно степпинг-кривую обучения, но у каждого 3d-программного обеспечения есть и блендер, свободный и с открытым исходным кодом и на самом деле очень хороший). Вот видео-учебник, в котором содержится много полезного материала в этом направлении: https://www.youtube.com/watch?v=o9TGJj4DvjU