绘制简单的2D矩形网格

Question

基本上，我想实现的是一个矩形的集合，它们可以彼此相邻，可以从数组中进行控制。 在如此简单的事情上，我似乎找不到任何可靠的信息，因为大多数教程对我来说太大了，对我没有帮助。 到目前为止，我什至无法获得渲染网格的效果，它绘制的网格非常大。 （由于某些原因？）

来源

#include <cstdlib>
#include <iostream>
#include <GLUT/GLUT.h>

void display();
void resize(int, int);
void timer(int);

#define SCREEN 512
#define REFRESH 30

const int GRID = 8;

/* Main function: GLUT runs as a console application starting at main()  */
int main(int argc, char** argv) {
    glutInit(&argc, argv);                 // Initialize GLUT
    glutCreateWindow("OpenGL Setup Test"); // Create a window with the given title
    glutInitWindowSize(SCREEN, SCREEN);   // Set the window's initial width & height
    glutTimerFunc(0, timer, 0);
    glutInitWindowPosition(0, SCREEN); // Position the window's initial top-left corner
    glutDisplayFunc(display); // Register display callback handler for window re-paint
    glutInitDisplayMode(GLUT_DOUBLE);
    glutReshapeFunc(resize);
    glutMainLoop();           // Enter the event-processing loop
    return 0;
}

/* Handler for window-repaint event. Call back when the window first appears and
 whenever the window needs to be re-painted. */
void display() {
    glClearColor(0.0f, 0.0f, 0.0f, 1.0f); // Set background color to black and opaque
    glClear(GL_COLOR_BUFFER_BIT);         // Clear the color buffer (background)
    glMatrixMode(GL_MODELVIEW);     // To operate on Model-View matrix
    glLoadIdentity();

    for(int x=0; x < SCREEN; x+=GRID)
    {
        for(int y=0; y < SCREEN; y+=GRID)
        {
            // Draw a Red 1x1 Square centered at origin
            glPushMatrix();
            glTranslatef((1.0f/x)*GRID, (1.0f/y)*GRID, 0);

            //std::cout << (GLfloat)1/x << " : " << (GLfloat)1/y << std::endl;

            glBegin(GL_QUADS);              // Each set of 4 vertices form a quad
            glColor3f(1.0f, 0.0f, 0.0f); // Red
            glVertex2f(-1.0f/GRID, -1.0f/GRID);    // x, y
            glVertex2f( 1.0f/GRID, -1.0f/GRID);
            glVertex2f( 1.0f/GRID,  1.0f/GRID);
            glVertex2f(-1.0f/GRID,  1.0f/GRID);
            glEnd();

            glPopMatrix();
        }
    }

    /*glBegin(GL_QUADS);              // Each set of 4 vertices form a quad
    glColor3f(1.0f, 0.0f, 0.0f); // Red
    glVertex2f(-0.005, -0.005);    // x, y
    glVertex2f( 0.005, -0.005);
    glVertex2f( 0.005,  0.005);
    glVertex2f(-0.005,  0.005);
    glEnd();*/

    glFlush();  // Render now
}

/* Called back when timer expired */
void timer(int value) {
    glutPostRedisplay();      // Post re-paint request to activate display()
    glutTimerFunc(REFRESH, timer, 0); // next Timer call milliseconds later
}

void resize(int width, int height) {
    // we ignore the params and do:
    glutReshapeWindow( 600, 600);
    gluOrtho2D(0, 0, width, height);
    glTranslatef(-0.5, -0.5, 0);
    glViewport(0, 0, width, height);
    glMatrixMode(GL_PROJECTION);
    glLoadIdentity();
}

看起来像什么

Answer 1

首先定义我相信您的价值观的含义，因为您似乎没有按预期使用它们：

• SCREEN ：窗口大小，以像素为单位。
• GRID ：每个四边形的大小，以像素为单位。

因此，可以在每个方向上容纳的四边形的数量为SCREEN / GRID 。 该值可以在绘制循环之前计算一次：

int quadCount = SCREEN / GRID;

下一个重要部分是了解OpenGL坐标系。 如果您不进行任何转换（并且确实不需要用例），则映射到窗口的x和y的范围是-1.0f到1.0f 。 因此，要填充窗口，所有四边形的坐标都需要在两个方向上填充[-1.0f, 1.0f]范围。

由于您需要产生的坐标范围是2.0f （从-1.0f到1.0f ），因此此坐标系中每个四边形的宽度/高度为2.0f / quadCount 。 我将在嵌套循环之外计算该值：

float quadSize = 2.0f / static_cast<float>(quadCount);

现在，要将四边形放置在给定位置，需要将它们的大小乘以它们的索引。 再次记住，坐标从(-1.0f, -1.0f) 。 因此渲染代码如下所示：

glBegin(GL_QUADS);
glColor3f(1.0f, 0.0f, 0.0f);

for (int x = 0; x < quadCount; ++x)
{
    float xPos = -1.0f + x * quadSize;

    for (int y = 0; y < quadCount; ++y)
    {
        float yPos = -1.0f + y * quadSize;

        glVertex2f(xPos,            yPos);
        glVertex2f(xPos + quadSize, yPos);
        glVertex2f(xPos + quadSize, yPos + quadSize);
        glVertex2f(xPos,            yPos + quadSize);
    }
}

glEnd();