3.1纹理基础 3. 纹理 (Textures) 与材质贴图 3.1 纹理基础 纹理在 Three.js 中扮演着至关重要的角色,它们为 3D 模型赋予了视觉细节、表面特征和真实感。简单来说,纹理就像是贴在模型表面的“皮肤”,可以包含颜色、图案、凹凸、光泽等信息。 3.1.1 纹理的概念 纹理本质上是图像数据,可以是常见的 JPG、PNG、GIF 等格式。Three.js 将这些图像数据加载到 GPU 中,并根据 UV 坐标将纹理像素(纹素,Texel)映射到 3D 模型的表面。 3.1.2 UV 坐标 UV 坐标是 3D 模型表面上每个顶点对应的二维坐标,范围通常在 0 到 1 之间。U 坐标表示水平方向,V 坐标表示垂直方向。UV 坐标定义了纹理如何“粘贴”到模型表面。 3.1.