9. Three.js常见的贴图（Map）？

1. 介绍

在Three.js中，有多种类型的贴图（Map）可用于不同的渲染效果和材质属性。

以下是一些常见的贴图类型：

1. 基础贴图（Basic Map）：用于给材质添加基本的颜色或图案。可以使用Texture类或DataTexture类来创建基础贴图。

2. 环境贴图（Environment Map）：用于模拟环境光照射到物体上的效果。可以使用CubeTexture类或CubeTextureLoader类来创建环境贴图。

3. 法线贴图（Normal Map）：用于模拟物体表面的凹凸细节，以增强光照效果。可以使用Texture类或DataTexture类来创建法线贴图。

4. 高光贴图（Specular Map）：用于控制物体表面的高光反射强度。可以使用Texture类或DataTexture类来创建高光贴图。

5. 位移贴图（Displacement Map）：用于在渲染过程中改变物体的几何形状。可以使用Texture类或DataTexture类来创建位移贴图。

6. 遮罩贴图（Mask Map）：用于控制材质的不透明度或透明度。可以使用Texture类或DataTexture类来创建遮罩贴图。

7. 光照贴图（Light Map）：用于模拟光照对物体的影响。可以使用Texture类或DataTexture类来创建光照贴图。

8. 阴影贴图（Shadow Map）：用于生成物体的阴影效果。可以使用WebGLRenderTarget类或WebGLShadowMap类来创建阴影贴图。

以上只是一些常见的贴图类型，Three.js还提供了更多的贴图类型和功能，可以根据具体需求选择适合的贴图类型来实现所需的渲染效果。

2. 使用

// load a texture, set wrap mode to repeat

const texture = new THREE.TextureLoader().load( "textures/water.jpg" );
texture.wrapS = THREE.RepeatWrapping;
texture.wrapT = THREE.RepeatWrapping;
texture.repeat.set( 4, 4 );