OpenGL 4.6渲染线条到纹理后缩放下LOD未达预期如何解决

核心问题定位 #

你当前的代码存在几个逻辑错误，导致mipmap降采样效果完全没有生效：

• 你虽然创建了离屏帧缓冲和带mipmap配置的纹理，但主循环中直接将线条绘制到了默认窗口帧缓冲，缩放操作是通过固定管线矩阵实现的，全程没有用到你创建的纹理，自然不会触发mipmap的采样逻辑
• 你在纹理没有任何渲染内容的空状态下就调用了glGenerateMipmap，生成的所有mip层级都是空白的，即便后续用到纹理也没有可用的低分辨率层级
• 绑定离屏帧缓冲后设置的视口为19201080，但你的纹理尺寸只有10241024，渲染内容会超出纹理范围被裁剪
• 解绑纹理后才设置GL_TEXTURE_BORDER_COLOR参数，该参数配置不会生效

修复步骤 #

1. 先渲染内容到离屏纹理，再生成mipmap #

在进入主循环前，先绑定离屏帧缓冲，将你的线条几何一次性渲染到纹理中，之后再调用glGenerateMipmap生成有效低分辨率层级：

// 绑定离屏帧缓冲，设置和纹理尺寸匹配的视口
glBindFramebuffer(GL_FRAMEBUFFER, FramebufferName);
glViewport(0, 0, 1024, 1024);
// 清空帧缓冲，绘制线条到纹理
glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
glClear(GL_COLOR_BUFFER_BIT);
glDrawArrays(GL_LINES, 0, vertices.size());
// 渲染完成后生成有效mip层级
glBindTexture(GL_TEXTURE_2D, renderedTexture);
glGenerateMipmap(GL_TEXTURE_2D);
// 切回默认帧缓冲，恢复窗口视口
glBindFramebuffer(GL_FRAMEBUFFER, 0);
glViewport(0, 0, 1920, 1080);

2. 主循环改为采样纹理实现缩放效果 #

主循环不再直接绘制线条，改为绘制一个覆盖屏幕的四边形，采样你渲染好的纹理，通过缩放四边形来控制整体缩放，此时mipmap逻辑会自动生效：
你需要提前准备一个四边形的顶点数据，两个三角形组成的quad即可，顶点属性包含位置和uv坐标。

// 主循环逻辑
while (!closeFlag) {
    glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    glClear(GL_COLOR_BUFFER_BIT);
    
    // 绑定带mipmap的纹理
    glBindTexture(GL_TEXTURE_2D, renderedTexture);
    // 绘制带缩放的quad，采样纹理显示内容
    glDrawArrays(GL_TRIANGLES, 0, 6); // 6个顶点组成quad
    
    SDL_GL_SwapWindow(window);
    
    // 事件处理逻辑不变，缩放改为作用在quad的模型矩阵上
    SDL_Event event;
    while (SDL_PollEvent(&event)) {
        if (event.type == SDL_QUIT) {
            closeFlag = true;
        }
        if (event.key.keysym.sym == SDLK_DOWN) {
            glScalef(0.95f, 0.95f, 1.0f);
        }
        if (event.key.keysym.sym == SDLK_UP) {
            glScalef(1.05f, 1.05f, 1.0f);
        }
    }
}

3. 增强低分辨率效果的可选配置 #

如果希望缩小到50%时细节抹除效果更强，可以调整纹理的LOD参数，主动偏移采样的mip层级：

// 配置纹理参数时添加，让采样时优先用更低分辨率的mip层
glTexParameterf(GL_TEXTURE_2D, GL_TEXTURE_LOD_BIAS, 1.0f); 
// 也可以限制最小使用的mip层级，强制用低分辨率
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_LOD, 1);

同时可以将缩小滤波改为三线性滤波，得到更平滑的过渡效果：

glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);

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