OpenGL ES下读取GL_ALPHA纹理为RGBA格式的方案问询

问题说明 #

我在OpenGL ES中尝试读取纹理数据时遇到问题：帧缓冲区无法接受GL_ALPHA格式的纹理（绑定后glCheckFramebufferStatus返回GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT），但RGBA格式纹理可正常读取。我不想修改原纹理的GL_ALPHA格式，需要找到将其数据读取为RGBA格式的方法。

创建GL_ALPHA纹理的代码：

glTexImage2D(GL_TEXTURE_2D, 0, GL_ALPHA, width, height, 0, GL_ALPHA, GL_UNSIGNED_BYTE, null);

尝试失败的FBO读取代码：

ByteBuffer pixels = memAlloc(4 * width * height); // Java内存分配
glBindTexture(GL_TEXTURE_2D, texture);
int fbo = glGenFramebuffers();
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, texture, 0);
// 此处帧缓冲区状态检查返回GL_FRAMEBUFFER_INCOMPLETE_ATTACHMENT
glReadPixels(0, 0, width, height, GL_RGBA, GL_UNSIGNED_BYTE, pixels);
glBindFramebuffer(GL_FRAMEBUFFER, 0);
glDeleteFramebuffers(fbo);
glBindTexture(GL_TEXTURE_2D, 0);

可行解决方案 #

方案1：通过片段着色器转换后渲染到RGBA格式FBO #

核心思路是用一个支持的RGBA格式纹理作为FBO附件，通过着色器将GL_ALPHA纹理的alpha通道值复制到RGBA的四个通道，渲染后直接读取FBO的RGBA数据。

步骤1：创建RGBA格式的FBO附件纹理

int rgbaTexture = glGenTextures();
glBindTexture(GL_TEXTURE_2D, rgbaTexture);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, null);
// 设置纹理过滤参数，避免渲染失真
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

步骤2：创建并验证FBO

int fbo = glGenFramebuffers();
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, rgbaTexture, 0);

// 检查FBO完整性
if (glCheckFramebufferStatus(GL_FRAMEBUFFER) != GL_FRAMEBUFFER_COMPLETE) {
    // 处理FBO创建失败逻辑
}

步骤3：编写转换用的着色器

顶点着色器（传递全屏顶点坐标并生成纹理坐标）：

attribute vec2 aPosition;
varying vec2 vTexCoord;

void main() {
    gl_Position = vec4(aPosition, 0.0, 1.0);
    // 将[-1,1]的屏幕坐标转换为[0,1]的纹理坐标
    vTexCoord = (aPosition + 1.0) / 2.0;
}

片段着色器（将alpha通道值复制到RGBA四个通道）：

precision mediump float;
uniform sampler2D uAlphaTexture;
varying vec2 vTexCoord;

void main() {
    float alphaVal = texture2D(uAlphaTexture, vTexCoord).a;
    gl_FragColor = vec4(alphaVal, alphaVal, alphaVal, alphaVal);
}

步骤4：渲染并读取RGBA数据

// 绑定着色器程序
glUseProgram(shaderProgram);
// 将GL_ALPHA纹理绑定到纹理单元0
glUniform1i(glGetUniformLocation(shaderProgram, "uAlphaTexture"), 0);
glActiveTexture(GL_TEXTURE0);
glBindTexture(GL_TEXTURE_2D, originalAlphaTexture);

// 准备全屏四边形顶点数据（两个三角形组成）
float[] fullscreenVertices = {-1.0f, -1.0f, 1.0f, -1.0f, -1.0f, 1.0f, 1.0f, 1.0f};
ByteBuffer vertexBuffer = ByteBuffer.allocateDirect(fullscreenVertices.length * 4)
                                    .order(ByteOrder.nativeOrder());
vertexBuffer.asFloatBuffer().put(fullscreenVertices).position(0);

// 启用并设置顶点属性
int posAttribLoc = glGetAttribLocation(shaderProgram, "aPosition");
glEnableVertexAttribArray(posAttribLoc);
glVertexAttribPointer(posAttribLoc, 2, GL_FLOAT, false, 0, vertexBuffer);

// 绘制全屏四边形，完成格式转换
glDrawArrays(GL_TRIANGLE_STRIP, 0, 4);

// 读取RGBA格式数据
glReadPixels(0, 0, width, height, GL_RGBA, GL_UNSIGNED_BYTE, pixels);

// 清理资源
glBindFramebuffer(GL_FRAMEBUFFER, 0);
glDeleteFramebuffers(fbo);
glDeleteTextures(rgbaTexture);
glBindTexture(GL_TEXTURE_2D, 0);
glUseProgram(0);

方案2：读取GL_ALPHA数据后在CPU端手动转换 #

如果不想使用着色器和FBO的渲染流程，可以先读取到GL_ALPHA格式的原始数据，再在CPU端将每个alpha值扩展为RGBA的四个通道。

步骤1：读取GL_ALPHA原始数据

首先需要将GL_ALPHA纹理渲染到一个支持的FBO附件（比如GL_LUMINANCE格式纹理），读取该纹理的亮度数据（实际就是alpha值）：

// 创建GL_LUMINANCE纹理作为FBO附件
int luminanceTexture = glGenTextures();
glBindTexture(GL_TEXTURE_2D, luminanceTexture);
glTexImage2D(GL_TEXTURE_2D, 0, GL_LUMINANCE, width, height, 0, GL_LUMINANCE, GL_UNSIGNED_BYTE, null);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);

// 创建并绑定FBO
int fbo = glGenFramebuffers();
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, luminanceTexture, 0);
if (glCheckFramebufferStatus(GL_FRAMEBUFFER) != GL_FRAMEBUFFER_COMPLETE) {
    // 处理错误
}

// 使用着色器将GL_ALPHA纹理的alpha值渲染到LUMINANCE纹理（片段着色器输出vec4(alphaVal, alphaVal, alphaVal, 1.0)）
// 此处省略绘制全屏四边形的代码，参考方案1的对应部分

// 读取LUMINANCE格式数据（每个像素1字节，对应alpha值）
ByteBuffer alphaPixels = memAlloc(width * height);
glReadPixels(0, 0, width, height, GL_LUMINANCE, GL_UNSIGNED_BYTE, alphaPixels);

步骤2：CPU端转换为RGBA格式

ByteBuffer rgbaPixels = memAlloc(4 * width * height);
alphaPixels.position(0);
rgbaPixels.position(0);

for (int i = 0; i < width * height; i++) {
    byte alpha = alphaPixels.get();
    // 将alpha值复制到RGBA四个通道
    rgbaPixels.put(alpha);
    rgbaPixels.put(alpha);
    rgbaPixels.put(alpha);
    rgbaPixels.put(alpha);
}

// 重置缓冲区位置，方便后续使用
rgbaPixels.position(0);

内容的提问来源于stack exchange，提问作者DasBabyPixel