OpenGL GLUT键盘控制三角形旋转移动时图形消失问题求解

DevOps 小满

2026-9-3

问题根因

旋转锚点错误：你调用glRotated(direction, 0.0, 0.0, 1.0)时，默认围绕世界坐标原点（也就是当前正交视口的左下角(0,0)）旋转，而非围绕三角形自身中心旋转。只要三角形不在原点位置，一旦触发旋转，顶点会被直接甩到你设置的正交投影可视范围（x∈[0,200], y∈[0,150]）外，表现为三角形直接消失。
变换顺序不符合OpenGL矩阵规则：OpenGL固定管线的矩阵采用列主序栈结构，变换生效顺序和代码书写顺序相反，你当前没有做「平移到原点→旋转→平移回三角形位置」的标准绕点旋转流程，旋转必然偏移。
顶点存储和边界判断逻辑冗余且易出错：你单独维护三个顶点的坐标做平移，不仅代码重复，旋转后顶点坐标变化会让原有的单顶点边界判断完全失效，进一步加剧三角形出界的问题。

修复步骤

拆分坐标存储：单独维护三角形的中心坐标cx/cy作为全局位置偏移，三个顶点的坐标改为相对于三角形中心的固定局部坐标，不需要随移动修改，大幅简化逻辑。
修正旋转变换流程：绘制时严格按照加载单位矩阵→平移到三角形中心位置→执行旋转→绘制局部顶点的顺序写代码，保证旋转始终绕三角形自身中心生效，不会出现顶点甩飞的情况。
修正边界判断：基于三角形的外接半宽、半高和中心坐标判断移动边界，保证任意旋转角度下三角形都不会移出视口范围。

修复后可运行代码

#include <GL/glut.h>

// 三角形中心坐标，控制全局位置
float cx = 25.0f;
float cy = 10.0f;
// 三角形三个顶点相对于中心的固定局部坐标
const float tri_vertices[][2] = {
    {-25.0f, -10.0f},
    {25.0f, -10.0f},
    {0.0f, 10.0f}
};
// 三角形外接半宽、半高，用于边界判断
const float tri_half_w = 25.0f;
const float tri_half_h = 10.0f;
double direction = 0.0;

void Keys(unsigned char key, int x, int y) {
    if (key == 'a') {
        // 左边界判断
        if (cx - tri_half_w > 0) {
            cx -= 1.0f;
            direction = 90.0;
        }
    }
    else if (key == 'd') {
        // 右边界判断
        if (cx + tri_half_w < 200) {
            cx += 1.0f;
            direction = 270.0;
        }
    }
    else if (key == 'w') {
        // 上边界判断
        if (cy + tri_half_h < 150) {
            cy += 1.0f;
            direction = 0.0;
        }
    }
    else if (key == 's') {
        // 下边界判断
        if (cy - tri_half_h > 0) {
            cy -= 1.0f;
            direction = 180.0;
        }
    }
    glutPostRedisplay();
}

void resizeChange(int w, int h) {
    glClearColor(1.0, 1.0, 1.0, 0.0);
    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    gluOrtho2D(0.0, 200.0, 0.0, 150.0);
    glViewport(0, 0, w, h);
    glMatrixMode(GL_MODELVIEW);
}

void lineSegment(void)
{
    glClear(GL_COLOR_BUFFER_BIT);
    glLoadIdentity();

    // 变换顺序：先平移到中心位置，再旋转，顶点会先应用旋转再应用平移，实现绕自身中心旋转
    glTranslatef(cx, cy, 0.0f);
    glRotated(direction, 0.0, 0.0, 1.0);

    glBegin(GL_TRIANGLES);
        glColor3f(1.0, 0.0, 0.0);
        glVertex2f(tri_vertices[0][0], tri_vertices[0][1]);
        glColor3f(0.0, 1.0, 0.0);
        glVertex2f(tri_vertices[1][0], tri_vertices[1][1]);
        glColor3f(0.0, 0.0, 1.0);
        glVertex2f(tri_vertices[2][0], tri_vertices[2][1]);
    glEnd();

    glFlush();
}

int main(int argc, char** argv)
{
    glutInit(&argc, argv);
    glutInitDisplayMode(GLUT_SINGLE | GLUT_RGB);
    glutInitWindowPosition(50, 100);
    glutInitWindowSize(600, 600);
    glutCreateWindow("Movable OpenGL Triangle");
    glutDisplayFunc(lineSegment);
    glutReshapeFunc(resizeChange);
    glutKeyboardFunc(Keys);
    glutMainLoop();
    return 0;
}

补充说明：修复后的代码初始三角形位置和原代码完全一致，按键逻辑也完全匹配最初的需求，任意方向旋转都不会出现三角形消失的问题。

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