纹理就是皮肤,很多时候纹理是图片
var texture = new THREE.TextureLoader().load( "textures/water.jpg" );
new THREE.MeshBasicMaterial({map:texture}) //使用纹理作为材质
注意: 平铺图像纹理仅在图像尺寸是2的幂次方(2,4,8,16,32,64,128,256,512,1024,2048,…)时工作。每个维度的值不一定是相同的,但每一个维度都必须是2的幂次方。这是WebGL的限制,不是Three.js的。
重复方式:
默认是repeat.x = repeat.y = 1;如果设置为>1,那就是在xy向重复>1次;
如果设置<1,如0.5,那只会显示图片0.5大小的区域。
纹理的重复坐标点,是按照左下角为起始点,而不是左上角。
回环(重复纹理的方式):
THREE.ClampToEdgeWrapping 边缘拉伸,默认值
THREE.RepeatWrapping 重复
THREE.MirroredRepeatWrapping 镜像
当动态修改回环的时候,注意设置needsUpdate = true;