Kaynağa Gözat

feat: 添加 UV 坐标系的解释

nicetry12138 1 yıl önce
ebeveyn
işleme
7083bdcb22
2 değiştirilmiş dosya ile 15 ekleme ve 0 silme
  1. BIN
      OpenGL/Image/029.png
  2. 15 0
      OpenGL/README.md

BIN
OpenGL/Image/029.png


+ 15 - 0
OpenGL/README.md

@@ -1179,6 +1179,21 @@ for (int i = 0;i < _width;i++)
 
 ### UV纹理坐标引入及三角形贴图
 
+UV坐标系是在计算机图形学中用于纹理映射的二维坐标系统。通常,当将二维图像(纹理)映射到三维模型的表面时使用UV坐标系。在UV坐标系中,**U** 通常表示水平轴,而 **V** 表示垂直轴。这种坐标系统通过规范化坐标,将纹理图像的每个点(像素)与三维模型表面的特定点相关联
+
+在三维建模软件中,每个模型的表面都可以被展开或展平成一个二维平面。在这个平面上,艺术家可以定义模型上每个顶点的UV坐标。这些坐标决定了三维模型曲面上的每一点对应纹理图像的哪一部分
+
+当UV坐标超出0到1的范围时,可以设置纹理的重复(`tiling`)或包裹(`wrapping`)行为。例如,U或V坐标为1.5时,纹理可以设置为重复,使得纹理在每个方向上重复出现
+
+- U坐标:对应于纹理图像的水平方向。U = 0 表示纹理的左边缘,U = 1 表示纹理的右边缘
+- V坐标:对应于纹理图像的垂直方向。V = 0 表示纹理的底部,V = 1 表示纹理的顶部
+
+![](Image/029.png)
+
+以上图为例,黄色为图片,使用 `UV` 坐标系;红色为三角形模型。将黄色贴图贴到三角形模型上,使用 `UV` 坐标系,那么三角形左底顶点对应的 `UV` 坐标就是 `(0,0)`,三角形右底顶点对应的 `UV` 坐标就是 `(1, 0)`,三角形上顶点对应的 `UV` 坐标就是 `(0.5, 1)`
+
+以上顶点为例,该点的颜色就是贴图中 $X = U*Width_{image}, Y = V*Height_{image}$ 像素点的颜色
+
 
 
 ## 图形学状态机接口封装