Three.js：如何缩放和偏移我的图像纹理？

Question

如何缩放和偏移我的图像纹理？

我的图片尺寸为1024px x 1024px。

var textureMap = THREE.ImageUtils.loadTexture('texture.png'); 

Answer 1

看一看this documentation：

.repeat - 在表面上被重复了多少遍的质感，在每个方向U和V

.offset - 在每个方向U和V上，纹理的单个重复偏离开始的次数。典型范围是0.0到1。 0。

.wrapS - 默认值为THREE.ClampToEdgeWrapping，其中边缘被夹到外边缘纹素。其他两个选择是THREE.RepeatWrapping和THREE.MirroredRepeatWrapping。

.wrapT - 默认值为THREE.ClampToEdgeWrapping，其中边缘被钳位到外边缘纹素。其他两个选择是THREE.RepeatWrapping和THREE.MirroredRepeatWrapping。

注：在纹理平铺图像的仅当图像尺寸的权力功能的两个（2，4，8，16，32，64，128，256，512，1024，2048，...）中像素的条款。单个维度不必相同，但每个维度都必须是2的幂。这是WebGL的限制，而不是Three.js。规模

例子：

// scale x2 horizontal 
texture.repeat.set(0.5, 1); 
// scale x2 vertical 
texture.repeat.set(1, 0.5); 
// scale x2 proportional 
texture.repeat.set(0.5, 0.5);