Javascript Threejs UV协调纹理尺寸过大问题
我正在用画布创建纹理。我使用的是UV算法,在堆栈溢出时发现。但我认为,这个uv算法创建的面像是长方体几何体,我的纹理像这张照片。如何将此文本写入拖动区域 紫外线代码:Javascript Threejs UV协调纹理尺寸过大问题,javascript,reactjs,three.js,Javascript,Reactjs,Three.js,我正在用画布创建纹理。我使用的是UV算法,在堆栈溢出时发现。但我认为,这个uv算法创建的面像是长方体几何体,我的纹理像这张照片。如何将此文本写入拖动区域 紫外线代码: assignUVs(object) { object.geometry.computeBoundingBox(); const {max, min} = object.geometry.boundingBox; const offset = new THREE.Vector2(0 - mi
assignUVs(object) {
object.geometry.computeBoundingBox();
const {max, min} = object.geometry.boundingBox;
const offset = new THREE.Vector2(0 - min.x, 0 - min.y);
const range = new THREE.Vector2(max.x - min.x, max.y - min.y);
object.geometry.faceVertexUvs[0] = object.geometry.faces.reduce(
(acc, val) => {
const v1 = object.geometry.vertices[val.a];
const v2 = object.geometry.vertices[val.b];
const v3 = object.geometry.vertices[val.c];
acc.push([
new THREE.Vector2(
(v1.x + offset.x) / range.x,
(v1.y + offset.y) / range.y
),
new THREE.Vector2(
(v2.x + offset.x) / range.x,
(v2.y + offset.y) / range.y
),
new THREE.Vector2(
(v3.x + offset.x) / range.x,
(v3.y + offset.y) / range.y
)
]);
return acc;
},
[]
);
object.geometry.uvsNeedUpdate = true;
}
是否有任何使用限制?不,我不知道,但是,当我删除偏移纹理时,它们是不可见的