OpenGL中glTranslatef等函数使用问题：菱形变换效果不符预期

Hey there! Let's work through your OpenGL transformation issue together. I get that you're trying to replicate the translation, rotation, and scaling effects from that demo video— but using a diamond instead of a triangle— and your current setup isn't behaving as expected. Let's break down the common pitfalls and fix this step by step.

First, Let's Cover the Core Issue: Transformation Order #

OpenGL uses column-major matrices, which means the order of your glTranslate, glRotate, and glScale calls matters a lot— the last call you make is the first transformation applied to your shape. For your desired behavior (scale around the diamond's center, rotate around that center, then move right in world space), we need to structure the transformations correctly.

Let's Fix Your Code with a Working Example #

First, define global variables to track your transformation state:

float rotateAngle = 0.0f;   // Tracks cumulative rotation (for clockwise spins)
float translateX = 0.0f;     // Tracks how far right the diamond has moved
float scaleFactor = 1.0f;    // Tracks zoom level

1. Setup the Orthographic Projection

Make sure your projection matrix gives enough space so the diamond doesn't get clipped when scaling or moving:

void init() {
    glClearColor(1.0f, 1.0f, 1.0f, 1.0f); // White background
    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
    // Set a wide enough ortho view to avoid clipping during transforms
    gluOrtho2D(-10.0f, 10.0f, -10.0f, 10.0f);
    glMatrixMode(GL_MODELVIEW); // Switch back to model-view for drawing
}

2. Draw the Diamond with Correct Transformations

Your diamond should be centered at the origin so rotations/scales happen around its own center:

void display() {
    glClear(GL_COLOR_BUFFER_BIT);
    glLoadIdentity(); // Reset the model-view matrix every frame to avoid unintended cumulative transforms

    // Transformation order (applied from last to first call):
    // 1. Scale the diamond around its center
    // 2. Rotate it clockwise around its center
    // 3. Translate it right in world space
    glTranslatef(translateX, 0.0f, 0.0f);
    glRotatef(-rotateAngle, 0.0f, 0.0f, 1.0f); // Negative angle = clockwise rotation
    glScalef(scaleFactor, scaleFactor, 1.0f);

    // Draw a diamond centered at (0,0)
    glBegin(GL_POLYGON);
    glVertex2f(0.0f, 1.0f);   // Top
    glVertex2f(1.0f, 0.0f);   // Right
    glVertex2f(0.0f, -1.0f);  // Bottom
    glVertex2f(-1.0f, 0.0f);  // Left
    glEnd();

    glutSwapBuffers();
}

3. Handle Keyboard Input

Update your transformation state when keys are pressed, and trigger a redraw:

void keyboard(unsigned char key, int x, int y) {
    switch(key) {
        case 'R':
        case 'r':
            rotateAngle += 5.0f; // Increase rotation by 5 degrees per press
            if(rotateAngle >= 360.0f) rotateAngle -= 360.0f; // Wrap around to avoid huge values
            glutPostRedisplay();
            break;
        case 'T':
        case 't':
            translateX += 0.5f; // Move right by 0.5 units per press
            glutPostRedisplay();
            break;
        case '+':
            scaleFactor *= 1.1f; // Zoom in by 10% per press
            glutPostRedisplay();
            break;
        case 27: // ESC key to exit
            exit(0);
            break;
        default:
            break;
    }
}

Common Mistakes to Check in Your Original Code #

• Wrong transformation order: If you were translating first then rotating, the diamond would spin around a point off-screen instead of its own center. The order we used fixes this.
• Diamond not centered at origin: If your original diamond was drawn starting at (0,0) instead of centered, rotations would cause it to orbit the origin instead of spinning in place.
• Forgot to reset the model-view matrix: Skipping glLoadIdentity() in display() would make transforms accumulate every frame, leading to erratic movement.
• Too-tight orthographic bounds: If your gluOrtho2D range was too small, scaling or moving the diamond would clip it, making it look like the transforms aren't working.

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