GLSL教程 第6章：纹理映射

目录

6.1 纹理的基本概念

6.2 在GLSL中使用纹理

6.3 纹理坐标变换和纹理过滤

6.4 实际应用和调试

---

       纹理映射是计算机图形学中一种用于将图像（纹理）应用到3D模型表面的技术。它使得表面能够显示更复杂的细节和视觉效果，而无需增加模型的几何复杂度。在本章中，我们将深入探讨纹理映射的基本概念、在GLSL中使用纹理的方式，以及如何进行纹理坐标变换和纹理过滤。

6.1 纹理的基本概念

       纹理映射的基本概念是将一个二维图像（纹理）应用到三维模型的表面。纹理映射主要包括以下几个步骤：

1. 纹理坐标（Texture Coordinates）：在模型的每个顶点上定义的坐标，用于指定纹理图像中相应的像素位置。
2. 纹理图像（Texture Image）：实际的二维图像数据，通常是像素（Texels）组成的。
3. 纹理采样（Texture Sampling）：在片段着色器中，根据纹理坐标从纹理图像中获取颜色值。

模型顶点 + 纹理坐标
        | 
        V
  纹理映射 (Texture Mapping)
        |
        V
   纹理采样 (Texture Sampling)
        |
        V
  应用于表面 (Surface Application)

纹理映射的工作原理

解释：

• 纹理坐标：在模型的每个顶点上定义，用于将纹理图像中的像素映射到模型表面。
• 纹理图像：二维图像，用于提供表面的详细纹理。
• 纹理采样：根据纹理坐标从纹理图像中提取颜色信息并应用到片段上。

• 

  纹理映射基本概念图

6.2 在GLSL中使用纹理

       要在GLSL中使用纹理，我们需要完成以下步骤：

1. 创建纹理对象：在OpenGL中创建一个纹理对象，并将纹理图像数据上传到GPU。
2. 设置纹理参数：配置纹理的各种参数，如过滤模式和包裹模式。
3. 绑定纹理：在渲染过程中将纹理绑定到适当的纹理单元。
4. 采样纹理：在片段着色器中使用纹理坐标从纹理图像中采样颜色值。

示例：在GLSL中创建和使用纹理

1. 创建纹理对象并上传纹理数据

// 1. 生成纹理对象
unsigned int texture;
glGenTextures(1, &texture);
glBindTexture(GL_TEXTURE_2D, texture);

// 2. 设置纹理参数
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT); // S轴包裹模式
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT); // T轴包裹模式
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); // 缩小过滤
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); // 放大过滤

// 3. 上传纹理数据
int width, height, nrChannels;
unsigned char* data = stbi_load("path/to/texture.jpg", &width, &height, &nrChannels, 0);
if (data) {
    glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, width, height, 0, GL_RGB, GL_UNSIGNED_BYTE, data);
    glGenerateMipmap(GL_TEXTURE_2D);
} else {
    std::cout << "Failed to load texture" << std::endl;
}
stbi_image_free(data);

解释：

• glGenTextures：生成纹理对象。
• glBindTexture：绑定纹理对象以进行操作。
• glTexParameteri：设置纹理的参数，如包裹模式和过滤模式。
• glTexImage2D：将纹理图像数据上传到GPU。
• glGenerateMipmap：生成纹理的所有级别的mipmap。

1. 在着色器中使用纹理

顶点着色器：

#version 330 core

layout(location = 0) in vec3 aPos; // 顶点位置
layout(location = 1) in vec2 aTexCoord; // 顶点纹理坐标

out vec2 TexCoord; // 传递到片段着色器的纹理坐标

uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;

void main() {
    gl_Position = projection * view * model * vec4(aPos, 1.0);
    TexCoord = aTexCoord; // 传递纹理坐标
}

片段着色器：

#version 330 core

in vec2 TexCoord; // 从顶点着色器接收的纹理坐标

out vec4 FragColor; // 输出的颜色

uniform sampler2D texture1; // 纹理采样器

void main() {
    FragColor = texture(texture1, TexCoord); // 从纹理中采样颜色
}

解释：

• 顶点着色器：
  • TexCoord：将顶点的纹理坐标传递到片段着色器。
• 片段着色器：
  • texture：使用纹理采样器从纹理中获取颜色值。

6.3 纹理坐标变换和纹理过滤

       纹理坐标变换用于对纹理坐标进行操作，以实现不同的纹理效果。常见的纹理坐标变换包括：

• 平移：将纹理坐标移动到不同的位置，以实现纹理的平移效果。
• 缩放：调整纹理坐标的范围，以控制纹理的缩放。
• 旋转：旋转纹理坐标，实现纹理的旋转效果。

示例：纹理坐标变换

顶点着色器中的纹理坐标变换：

#version 330 core

layout(location = 0) in vec3 aPos; // 顶点位置
layout(location = 1) in vec2 aTexCoord; // 顶点纹理坐标

out vec2 TexCoord; // 传递到片段着色器的纹理坐标

uniform mat4 model;
uniform mat4 view;
uniform mat4 projection;
uniform mat3 textureTransform; // 纹理坐标变换矩阵

void main() {
    gl_Position = projection * view * model * vec4(aPos, 1.0);
    TexCoord = (textureTransform * vec3(aTexCoord, 1.0)).xy; // 应用纹理坐标变换
}

解释：

• textureTransform：纹理坐标变换矩阵，用于对纹理坐标进行平移、缩放或旋转。

• 

  纹理坐标变换图

       纹理过滤用于在纹理图像的不同级别（如放大或缩小）中选择合适的颜色值。常见的纹理过滤模式包括：

• 邻近过滤（Nearest Filtering）：选择最接近的像素值进行纹理采样。适合需要较少计算的场景。
• 线性过滤（Linear Filtering）：在多个像素之间进行插值，得到平滑的纹理效果。适合需要高质量纹理的场景。

示例：纹理过滤

// 线性过滤
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR); // 缩小过滤
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR); // 放大过滤

// 邻近过滤
// glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_NEAREST);
// glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_NEAREST);

解释：

• GL_TEXTURE_MIN_FILTER：设置缩小时的过滤模式。
• GL_TEXTURE_MAG_FILTER：设置放大时的过滤模式。

纹理过滤示例图

6.4 实际应用和调试

       在实际应用中，纹理映射可以用于实现各种效果，如材质细节、环境贴图和光照效果。调试纹理映射时，常见问题包括：

• 纹理映射不正确：检查纹理坐标是否正确传递到片段着色器。
• 纹理显示异常：检查纹理图像是否正确加载，纹理参数是否设置正确。
• 性能问题：优化纹理大小、压缩纹理图像或调整纹理参数以提高渲染性能。

调试技巧：

• 使用OpenGL调试工具：如RenderDoc、NVIDIA Nsight等，查看纹理映射效果。
• 检查纹理参数：确保纹理过滤模式、包裹模式设置正确。
• 检查纹理坐标：确认纹理坐标是否正确传递和计算。

小结

       本章介绍了纹理映射的基本概念以及在GLSL中的应用。我们梳理了如何创建纹理对象、设置纹理参数，并在顶点着色器和片段着色器中使用纹理。通过掌握纹理坐标变换和纹理过滤技术，可以实现各种纹理效果，提高3D场景的视觉效果。纹理映射是3D图形渲染中不可或缺的一部分，对于创建真实感强的场景具有重要意义。