绘制 OpenGL ES 3D 图形的艺术：纹理翻转和图片加载指南

2023-12-03 23:24:16

纹理翻转的奥秘

在 OpenGL ES 中，纹理坐标系与计算机图形中的标准坐标系不同。纹理坐标系原点在左下角，而计算机图形坐标系原点在左上角。这一差异导致纹理出现翻转，影响视觉效果。

要纠正纹理翻转，可以在加载纹理时设置 GL_TEXTURE_FLIP_Y_EXT 扩展。这会将纹理沿 y 轴翻转，使其与计算机图形坐标系相匹配。

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_FLIP_Y_EXT, GL_TRUE);

图片加载的艺术

在 OpenGL ES 中加载图片需要遵循一些关键步骤：

解码图片： 使用 stb_image.h 或 FreeImage 等库解码图片数据。
生成纹理对象： 使用 glGenTextures 生成纹理对象。
绑定纹理对象： 使用 glBindTexture 将纹理对象绑定到当前上下文中。
设置纹理参数： 使用 glTexParameteri 设置纹理参数，例如过滤和环绕模式。
加载纹理数据： 使用 glTexImage2D 加载纹理数据。

实践中的智慧

以下示例演示了纹理翻转和图片加载的实际应用：

// 加载图片
unsigned char* data = stbi_load("texture.png", &width, &height, &channels, 0);

// 生成纹理对象
GLuint textureId;
glGenTextures(1, &textureId);

// 绑定纹理对象
glBindTexture(GL_TEXTURE_2D, textureId);

// 设置纹理参数
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_FLIP_Y_EXT, GL_TRUE);

// 加载纹理数据
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, data);

// 释放图片数据
stbi_image_free(data);