OpenGL/GLFW窗口垂直缩放时内容偏移无法居中该如何解决？

问题根因 #

你遇到的现象由两个核心配置导致：

1. 透视投影矩阵的宽高比被硬编码为固定值800.0f/600.0f，没有随窗口尺寸变化适配
2. 你没有主动更新视口参数，OpenGL默认视口原点在左下角，窗口垂直拉伸时，原视口会固定在窗口底部区域，导致你看到更多立方体底部内容，而非上下裁剪

解决方案 #

你可以通过动态调整视口+固定原始内容比例的方式实现需求，既不会拉伸内容，也能保证缩放时内容始终居中，超出区域裁剪，和水平缩放的表现一致。

具体修改步骤：

1. 新增两个变量存储当前窗口的实际宽高，替换原来的硬编码常量使用：

const int BASE_SCR_WIDTH = 800;
const int BASE_SCR_HEIGHT = 600;
int currentWidth = BASE_SCR_WIDTH;
int currentHeight = BASE_SCR_HEIGHT;
const float BASE_ASPECT = (float)BASE_SCR_WIDTH / BASE_SCR_HEIGHT;

2. 在窗口大小回调中更新当前宽高值：

void framebuffer_size_callback(GLFWwindow *window, int width, int height) {
    currentWidth = width;
    currentHeight = height;
}

3. 在渲染循环中，每次清屏前先计算居中视口的参数并设置：

while (!glfwWindowShouldClose(window)) {
    processInput(window);

    // 计算居中视口参数
    int viewportX, viewportY, viewportW, viewportH;
    float currentAspect = (float)currentWidth / currentHeight;
    if (currentAspect > BASE_ASPECT) {
        // 窗口更宽，左右留空，视口高度撑满窗口
        viewportH = currentHeight;
        viewportW = viewportH * BASE_ASPECT;
        viewportY = 0;
        viewportX = (currentWidth - viewportW) / 2;
    } else {
        // 窗口更高，上下留空，视口宽度撑满窗口
        viewportW = currentWidth;
        viewportH = viewportW / BASE_ASPECT;
        viewportX = 0;
        viewportY = (currentHeight - viewportH) / 2;
    }
    glViewport(viewportX, viewportY, viewportW, viewportH);

    // 后续渲染逻辑保持不变，投影矩阵的宽高比继续使用BASE_ASPECT即可
    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);
    glEnable(GL_DEPTH_TEST);
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);
    // 其余原有渲染代码保持不变即可
}

原理解释 #

glViewport的前两个参数是视口左下角的坐标，我们通过计算偏移量让视口始终居中显示。同时固定投影矩阵的宽高比为原始的4:3，保证内容不会拉伸，超出视口的部分会被直接裁剪，就和你现在水平缩放的表现完全一致。

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