Skip to content

Latest commit

 

History

History
30 lines (15 loc) · 975 Bytes

纹理.md

File metadata and controls

30 lines (15 loc) · 975 Bytes

纹理就是皮肤,很多时候纹理是图片

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;