用 GLSL 加载图片：OpenGL ES 入门之旅

2023-11-06 22:35:00

使用 GLSL 着色器加载和显示图片

纹理：增添场景深度和真实感的图像数据

在 OpenGL ES 的渲染管道中，几何数据和纹理经过一系列转换和测试，最终以二维像素的形式呈现在屏幕上。纹理是图像数据，它赋予场景深度和真实感。

加载纹理：将图像数据引入 GPU

要加载纹理，我们需要使用 glTexImage2D() 函数。此函数指定纹理目标（纹理单元）、mipmap 级别（0 表示基本级别）、内部格式（例如，GL_RGBA）、图像宽度和高度、边框（通常为 0）、像素格式（例如，GL_RGBA）、像素类型（例如，GL_UNSIGNED_BYTE）和指向纹理图像数据的指针。

使用 GLSL 着色器：定义图形操作

GLSL 着色器是小型程序，用于定义渲染管线中的图形操作。它们指定如何处理顶点数据和片段数据。要使用 GLSL 着色器，我们需要创建、编译和链接着色器对象。

创建着色器对象：创建着色器的容器

使用 glCreateShader() 函数创建着色器对象。此函数需要指定着色器的类型（顶点着色器或片段着色器）。

编译着色器：将着色器代码转换为 GPU 可执行代码

使用 glCompileShader() 函数编译着色器对象。此函数需要指定要编译的着色器对象。

链接着色器：将多个着色器组合成程序

使用 glLinkProgram() 函数链接着色器对象。此函数需要指定要链接的着色器程序对象和一个或多个着色器对象。

绘制纹理：在屏幕上显示图像

要绘制纹理，我们需要启用纹理单元、绑定纹理和使用着色器程序。

启用纹理单元：指定活动纹理单元

使用 glEnableVertexAttribArray() 函数启用纹理单元。此函数需要指定要启用的纹理单元。

绑定纹理：将纹理对象附加到纹理单元

使用 glBindTexture() 函数绑定纹理。此函数需要指定纹理目标和要绑定的纹理对象。

使用着色器程序：激活着色器

使用 glUseProgram() 函数使用着色器程序。此函数需要指定要使用的着色器程序对象。

代码示例：将纹理加载到 OpenGL ES

GLuint textureId;
glGenTextures(1, &textureId);
glBindTexture(GL_TEXTURE_2D, textureId);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, pixels);

GLuint vertexShaderId = glCreateShader(GL_VERTEX_SHADER);
GLuint fragmentShaderId = glCreateShader(GL_FRAGMENT_SHADER);

glCompileShader(vertexShaderId);
glCompileShader(fragmentShaderId);

GLuint programId = glCreateProgram();
glAttachShader(programId, vertexShaderId);
glAttachShader(programId, fragmentShaderId);

glLinkProgram(programId);

glEnableVertexAttribArray(0);
glBindTexture(GL_TEXTURE_2D, textureId);
glUseProgram(programId);