C++游戏引擎开发指南：绘制带纹理的立方体

C++游戏引擎开发指南：绘制带纹理的立方体

cpp-game-engine-book 从零编写游戏引擎教程 Writing a game engine tutorial from scratch 项目地址: https://gitcode.com/gh_mirrors/cp/cpp-game-engine-book

纹理渲染基础概念

在现代游戏引擎开发中，纹理贴图是赋予3D模型真实感的关键技术。通过将2D图像映射到3D模型表面，我们可以创建出丰富多彩的视觉效果。本文将深入探讨如何在C++游戏引擎中实现带纹理的立方体渲染。

纹理上传流程详解

纹理上传是将图像数据从CPU内存传输到GPU显存的过程。以下是关键步骤：

1. 纹理对象创建：使用glGenTextures生成纹理ID
2. 纹理绑定：通过glBindTexture将纹理绑定到特定目标
3. 数据传输：调用glTexImage2D上传图像数据
4. 参数设置：配置纹理过滤方式等参数

// 创建纹理对象
glGenTextures(1, &texture2d->gl_texture_id_);

// 绑定纹理
glBindTexture(GL_TEXTURE_2D, texture2d->gl_texture_id_);

// 上传数据
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, 
             texture2d->width_, texture2d->height_, 
             0, texture2d->gl_texture_format_, 
             GL_UNSIGNED_BYTE, data);

// 设置过滤参数
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);

Shader中的纹理采样

在片段着色器中，我们使用texture2D函数从纹理中采样颜色：

uniform sampler2D u_diffuse_texture;
varying vec2 v_uv;

void main()
{
    gl_FragColor = texture2D(u_diffuse_texture, v_uv);
}

这里有几个关键点：

• sampler2D是纹理采样器类型
• v_uv是经过插值的UV坐标
• texture2D函数返回指定坐标处的颜色值

UV坐标系统

UV坐标定义了2D纹理如何映射到3D模型表面。对于立方体，我们需要为每个面指定正确的UV坐标：

static const glm::vec2 kUvs[36] = {
    // 前面
    glm::vec2(0.0f, 0.0f), glm::vec2(1.0f, 0.0f), glm::vec2(1.0f, 1.0f),
    glm::vec2(0.0f, 0.0f), glm::vec2(1.0f, 1.0f), glm::vec2(0.0f, 1.0f),
    // 其他面...
};

UV坐标范围是[0,1]，左下角为(0,0)，右上角为(1,1)。

纹理单元与绑定机制

OpenGL使用纹理单元作为纹理绑定的中间层，这种设计提供了更大的灵活性：

1. 激活纹理单元：glActiveTexture(GL_TEXTURE0)
2. 绑定纹理到当前单元：glBindTexture(GL_TEXTURE_2D, texture_id)
3. 将纹理单元传递给着色器：glUniform1i(u_diffuse_texture_location, 0)

// 激活纹理单元0
glActiveTexture(GL_TEXTURE0);

// 绑定纹理
glBindTexture(GL_TEXTURE_2D, texture2d->gl_texture_id_);

// 告诉着色器使用纹理单元0
glUniform1i(u_diffuse_texture_location, 0);

完整渲染流程

1. 准备顶点数据（位置、UV坐标）
2. 加载并上传纹理
3. 编译并链接着色器程序
4. 设置顶点属性指针
5. 绑定纹理并绘制

// 绘制调用
glDrawArrays(GL_TRIANGLES, 0, 6*6); // 6个面，每个面6个顶点

常见问题与优化建议

1. 纹理翻转问题：OpenGL纹理坐标原点在左下角，而许多图像格式原点在左上角，需要使用stbi_set_flip_vertically_on_load(true)进行翻转。

2. 纹理过滤：根据需求选择合适的过滤方式：

   • GL_LINEAR：线性插值，效果平滑
   • GL_NEAREST：最近邻采样，保持锐利边缘

3. 性能优化：

   • 使用纹理图集减少纹理切换
   • 考虑使用压缩纹理格式
   • 合理设置Mipmap级别

通过以上步骤，我们成功实现了带纹理的立方体渲染，这是3D图形编程的基础，也是游戏引擎开发的重要环节。掌握这些技术后，可以进一步探索更复杂的纹理应用，如法线贴图、环境贴图等高级效果。

cpp-game-engine-book 从零编写游戏引擎教程 Writing a game engine tutorial from scratch 项目地址: https://gitcode.com/gh_mirrors/cp/cpp-game-engine-book