2024年OpenGL学习脚印 使用索引绘图（index drawing）(1)，面试经历分享

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

写在前面
上一节熟悉了OpenGL绘图的中基本的VAO和VBO，以及着色器，并绘制了一个三角形。本节在上一节基础上，介绍利用EBO的索引绘图。

通过本节可以了解到

• 索引绘图使用方法
• 索引绘图应用场合

使用EBO开始索引绘图

EBO即Element Buffer Objects，用来存储绘制物体的索引。所谓索引就是对顶点属性数组中元素的一个位置标记。使用索引绘图时，先通过顶点属性数组指定数据，然后利用指向这些数据的索引来指示OpenGL完成绘图。使用索引绘图的原理如下图所示(来自VBO Indexing):

在左边图中，没有使用索引绘制矩形时，要重复指定重叠的顶点数据，V1和V2都重复了，使用了6个顶点属性数据；右边的图中，使用索引绘制时，只需要指定顶点在属性数组中的索引即可，使用0,1,2,3代表V0,V1,V2,V3顶点，绘制矩形一共指定了6个索引，使用4个顶点属性数据。

上面的例子可能看不出有大区别，但是当要绘制的物体包含多个重叠的顶点时，如果每个顶点属性包括了位置、颜色、纹理坐标、法向量等属性，那么将会造成很大的额外空间开销，影响GPU性能。同时，如果需要修改一个顶点处的数据，那么重复的顶点数据都要被改过来，这个工作也很无趣。因此，使用索引绘制能够节省存储空间，而且能灵活应对顶点属性的改变。
不使用索引也可以绘制矩形，我们使用6个顶点，数据如下:

GLfloat vertices[] = {
        // 第一个三角形
        -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f,
        0.5f, 0.0f, 0.0f,  0.0f, 1.0f, 0.0f,
        0.0f, 0.5f, 0.0f, 0.0f, 0.0f, 1.0f,
        // 第二个三角形
        -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f,
        0.0f, -0.5f, 0.0f, 1.0f, 1.0f, 0.0f,
        0.5f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f,
    };

然后在绘制时更新顶点数目即可:

    glDrawArrays(GL\_TRIANGLES, 0, 6);

下面介绍使用索引的绘制方法。我们需要在VBO中存储顶点属性数据，这在上一节已经介绍了。另一方面，就是使用EBO存储索引数据。我们重新指定顶点数据和索引数据如下：

   // 指定顶点属性数据 顶点位置 颜色
    GLfloat vertices[] = {
        -0.5f, 0.0f, 0.0f, 1.0f, 0.0f, 0.0f, // 0
        0.5f, 0.0f, 0.0f, 0.0f, 1.0f, 0.0f,  // 1
        0.0f, 0.5f, 0.0f, 0.0f, 0.0f, 1.0f,  // 2
        0.0f, -0.5f, 0.0f, 1.0f, 1.0f, 0.0f  // 3
    };
    // 索引数据
    GLshort indices[] = {
        0, 1, 2,  // 第一个三角形
        0, 3, 1   // 第二个三角形
    };

创建EBO，并将索引数据传送到EBO，如下:

glGenBuffers(1, &EBOId);
glBindBuffer(GL\_ELEMENT\_ARRAY\_BUFFER, EBOId);
glBufferData(GL\_ELEMENT\_ARRAY\_BUFFER,
 sizeof(indices), indices, GL\_STATIC\_DRAW);

顶点属性数据部分无需改动，在绘制物体时需要将glDrawArrays调整为glDrawElements.

API void glDrawElements( GLenum mode,

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！