OpenGL学习（2）——绘制三角形（补）

对上一篇的补充，通过绘制三角形来完成矩形的绘制。此外，完成章节后练习。

绘制矩形

一个矩形由两个三角形组成，因此绘制矩形需要绘制两个三角形，一共6个顶点，其中2个顶点重复画了两次。

为了减小开销，仅储存矩形的4个顶点来完成绘制，需要使用Element Buffer Object按照绘制顺序存储顶点索引。

举例说明：矩形四个顶点（a, b, c, d），EBO中存储的索引为（0, 1, 2, 0, 2, 3），表示矩形由三角形abc和acd组成。

创建和配置EBO的方法与VBO类似：

初始化顶点和索引数组

float vertices[] = {0.5f, 0.5f, 0.0f,

                    0.5f, -0.5f, 0.0f,

                    -0.5f, 0.5f, 0.0f,

                    -0.5f, -0.5f, 0.0f};

unsigned int indices[] = {0, 1, 2,

                          1, 2, 3};

创建EBO

unsigned int EBO;

glGenBuffers(1, &EBO);

配置EBO

同样可以通过绑定VAO来保存EBO的配置。

但要注意，和VBO不同的是，在解绑VAO之前，不可以解绑EBO。

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, EBO);

glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);

渲染循环

在使用EBO时，调用glDrawElements函数代替glDrawArrays函数。

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_INT, 0);

练习

1. Try to draw 2 triangles next to each other using glDrawArrays by adding more vertices.

float vertices[] = {0.5f, 0.5f, 0.0f,

                    0.5f, -0.5f, 0.0f,

                    -0.5f, 0.5f, 0.0f,

                    0.5f, 0.5f, 0.0f,

                    -0.5f, 0.5f, 0.0f,

                    0.0f, 1.0f, 0.0f};

while(!glfwWindowShouldClose(window)){

    processInput(window);

    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);

    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);

    glBindVertexArray(VAO);

    glDrawArrays(GL_TRIANGLES, 0, 6);

    glfwSwapBuffers(window);

    glfwPollEvents();

}

2. Create the same 2 triangles using two different VAOs and VBOs for their data.

float vertices1[] = {0.5f, 0.5f, 0.0f,

                     0.5f, -0.5f, 0.0f,

                     -0.5f, 0.5f, 0.0f};

float vertices2[] = {0.5f, 0.5f, 0.0f,

                     -0.5f, 0.5f, 0.0f,

                     0.0f, 1.0f, 0.0f};

unsigned int VBO[2];

unsigned int VAO[2];

glGenVertexArrays(2, VAO);

glGenBuffers(2, VBO);

glBindVertexArray(VAO[0]);

glBindBuffer(GL_ARRAY_BUFFER, VBO[0]);

glBufferData(GL_ARRAY_BUFFER, sizeof(vertices1), vertices1, GL_STATIC_DRAW);

glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (void*)0);

glEnableVertexAttribArray(0);

glBindBuffer(GL_ARRAY_BUFFER, 0);

glBindVertexArray(VAO[1]);

glBindBuffer(GL_ARRAY_BUFFER, VBO[1]);

glBufferData(GL_ARRAY_BUFFER, sizeof(vertices2), vertices2, GL_STATIC_DRAW);

glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 3*sizeof(float), (void*)0);

glEnableVertexAttribArray(0);

glBindBuffer(GL_ARRAY_BUFFER, 0);

glBindVertexArray(0);

while(!glfwWindowShouldClose(window)){

    processInput(window);

    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);

    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram);

    glBindVertexArray(VAO[0]);

    glDrawArrays(GL_TRIANGLES, 0, 3);

    glBindVertexArray(VAO[1]);

    glDrawArrays(GL_TRIANGLES, 0, 3);

    glfwSwapBuffers(window);

    glfwPollEvents();

}

*3.Create two shader programs where the second program uses a different fragment shader that outputs the color yellow; draw both triangles again where one outputs the color yellow. *

int fragmentShader[2];

const char *fragmentShaderSource1 = "#version 330 core\n"

                                   "out vec4 fragColor;"

                                   "void main()"

                                   "{fragColor = vec4(1.0f, 0.5f, 0.2f, 1.0f);}";

const char *fragmentShaderSource2 = "#version 330 core\n"

                                   "out vec4 fragColor;"

                                   "void main()"

                                   "{fragColor = vec4(1.0f, 1.0f, 0.0f, 1.0f);}";

fragmentShader[0] = glCreateShader(GL_FRAGMENT_SHADER);

glShaderSource(fragmentShader[0], 1, &fragmentShaderSource1, NULL);

glCompileShader(fragmentShader[0]);

fragmentShader[1] = glCreateShader(GL_FRAGMENT_SHADER);

glShaderSource(fragmentShader[1], 1, &fragmentShaderSource2, NULL);

glCompileShader(fragmentShader[1]);

shaderProgram[0] = glCreateProgram();

glAttachShader(shaderProgram[0], vertexShader);

glAttachShader(shaderProgram[0], fragmentShader[0]);

glLinkProgram(shaderProgram[0]);

shaderProgram[1] = glCreateProgram();

glAttachShader(shaderProgram[1], vertexShader);

glAttachShader(shaderProgram[1], fragmentShader[1]);

glLinkProgram(shaderProgram[1]);

glDeleteShader(vertexShader);

glDeleteShader(fragmentShader[0]);

glDeleteShader(fragmentShader[1]);

while(!glfwWindowShouldClose(window)){

    processInput(window);

    glClearColor(0.2f, 0.3f, 0.3f, 1.0f);

    glClear(GL_COLOR_BUFFER_BIT);

    glUseProgram(shaderProgram[0]);

    glBindVertexArray(VAO[0]);

    glDrawArrays(GL_TRIANGLES, 0, 3);

    glUseProgram(shaderProgram[1]);

    glBindVertexArray(VAO[1]);

    glDrawArrays(GL_TRIANGLES, 0, 3);

    glfwSwapBuffers(window);

    glfwPollEvents();

}

巴特西