执行渐变时,OpenGL会跳过顶点

时间:2018-03-04 16:11:43

标签: c opengl glut

当我这样做时:

void drawTest()
{
    glPolygonMode(GL_FRONT_AND_BACK, GL_FILL);
    glShadeModel(GL_SMOOTH);
    glBegin(GL_POLYGON);
    glColor3d(1, 0, 0); // red
    glVertex2d(-200, 100); // top-left

    glColor3d(0, 1, 0); // green
    glVertex2d(-200, 0); // middle-left

    glColor3d(0, 0, 1); // blue
    glVertex2d(-200, -100); // bottom-left

    glColor3d(0, 0, 1); // blue
    glVertex2d(200, -100); // bottom-right

    glColor3d(0, 1, 0); // green
    glVertex2d(200, 0); // middle-right

    glColor3d(1, 0, 0); // red
    glVertex2d(200, 100); // top-right
    glEnd();
}

我明白了:

enter image description here

但是当我在第三行切换到glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);时,结果如下:

enter image description here

如您所见,GL_FILL选项在执行渐变时会跳过middle-left顶点,而GL_LINE选项会正确执行此操作。

我该怎么做才能解决这个问题?

1 个答案:

答案 0 :(得分:3)

停止使用GL_POLYGON

GL_POLYGON基元类型将转换为一系列三角形,但这种三角测量发生的方式完全取决于实现。在您的情况下,实现可能采用前3个顶点并从中创建一个三角形。好吧,因为前3个顶点是共线的,因此形成一个没有区域的三角形,所以没有任何东西为它们渲染。

您需要一个非常具体的三角测量,因此需要对其进行三角测量并使用GL_TRIANGLES进行渲染。例如:

float positions[] =
{
    -200, 100,      // top-left
    -200, 0,        // middle-left
    -200, -100,     // bottom-left
    200, -100,      // bottom-right
    200, 0,         // middle-right
    200, 100,       // top-right
};

//In the same order as `positions`.
enum pos_indices { top_left, middle_left, bottom_left, bottom_right, middle_right, top_right };

void position(pos_indices index)
{
    int ix = index * 2;
    glVertex2f(positions[ix], positions[ix + 1]);
}

float colors[] =
{
    1, 0, 0,    // red
    0, 1, 0,    // green
    0, 0, 1,    // blue
};

//In the same order as `colors`
enum color_indices { red, green, blue };

void color(color_indices index)
{
    int ix = index * 3;
    glColor3f(colors[ix], colors[ix + 1], colors[ix + 2]);
}

void drawTest()
{
    glPolygonMode(GL_FRONT_AND_BACK, GL_FILL);
    glShadeModel(GL_SMOOTH);
    glBegin(GL_TRIANGLES);
    {
        color(red);
        position(top_left);
        color(green);
        position(middle_left);
        color(red);
        position(top_right);

        color(green);
        position(middle_left);
        color(green);
        position(middle_right);
        color(red);
        position(top_right);

        color(green);
        position(middle_left);
        color(blue);
        position(bottom_left);
        color(green);
        position(middle_right);

        color(blue);
        position(bottom_left);
        color(blue);
        position(bottom_right);
        color(green);
        position(middle_right);
    }
    glEnd();
}