OpenGL-ES 学习(7) ---- VBO EBO 和 VAO

已于 2024-07-20 15:33:57 修改
阅读量832 收藏 13
点赞数 7
分类专栏： OpenGL-ES 文章标签： 学习
于 2024-07-20 15:31:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenwang1824/article/details/140572139
版权

目录

VBO(Vertex Buffer Object)

EBO(Element Buffer Object)

VBO(Vertex Buffer Object) 实际是指顶点缓冲器对象

在 opengl-es 2.0 的编程中，用于绘制图元的顶点数据是从 CPU 传递到显存中的，具体的方式通过 glVertexAttribPointer 设定顶点或者顶点颜色的值到具体的 index中，OES 在shader 程序中根据 index 获取对应的值，编程方法如下面的示例所示:

static GLfloat vertices[] = {
        0.0f,  0.5f, 0.0f,
        -0.5f, -0.5f, 0.0f,
        0.5f, -0.5f, 0.0f
};

static GLfloat verticesColor[] = {
        1.0f,  0.0f, 0.0f,
        0.0f,  1.0f, 0.0f,
        0.0f,  0.0f, 1.0f,
};

....
{
// 指定对应的 vertices 到 index 0
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, 0, vertices);
glEnableVertexAttribArray(0);

glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 0, verticesColor);
glEnableVertexAttribArray(1);

// Draw the triangle
glDrawArrays(GL_TRIANGLES, 0, 3);
}

但是如果每次都要绘制相同的图元,就可以把 顶点的值缓存到GPU内存中，不必每次都执行设定加拷贝的过程，这里就可以使用 VBO

不仅顶点的坐标可以缓存到GPU显存中，不同的顶点构成的基本图元索引也可以进行缓存，这就是 EBO(Element buffer Obejct)

VAO 和 EBO 的作用是在显存中提前开辟好一块内存，用于缓存顶点数据或者图元索引数据，从而避免绘制时的 CPU 和 GPU之间的内存拷贝，可以改进渲染性能，降低内存带宽和功耗

GL_ARRAY_BUFFER 标志指定的缓冲区对象用于保存顶点数组
GL_ELEMENT_ARRAY_BUFFER 标志指定的缓存区对象用于保存图元索引

单独使用 VBO 缓存进行绘制的代码如下(实际也使用了VAO)：

static void DrawPrimitiveWithVBOs(ESContext *esContext)
{
    UserData *userData = esContext->userData;
    GLuint   offset = 0;

    // vboIds[0] - used to store vertex attribute data
    // vboIds[l] - used to store element indices
    if (userData->vboIds[0] == 0 && userData->vboIds[1] == 0) {
        // Only allocate on the first draw
        glGenBuffers(2, userData->vboIds);
        glGenVertexArrays(1, &userData->vaoId);

        glBindVertexArray(userData->vaoId);

        // 用于缓存顶点的数据
        glBindBuffer(GL_ARRAY_BUFFER, userData->vboIds[0]);
        glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
        glVertexAttribPointer(0, 3,GL_FLOAT, GL_FALSE, 3*sizeof(GLfloat) , NULL);
        glEnableVertexAttribArray(0);

        // notice using GL_ARRAY_BUFFER we not using EBO there
        // 用于缓存顶点颜色数据 
        // 顶点和顶点颜色都是使用 VBO 进行缓存
        glBindBuffer(GL_ARRAY_BUFFER, userData->vboIds[1]);
        glBufferData(GL_ARRAY_BUFFER,sizeof(verticesColor), verticesColor, GL_STATIC_DRAW);
        glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, 3*sizeof(GLfloat) ,NULL);
        glEnableVertexAttribArray(1);

        glBindVertexArray(0);
    }

    glBindVertexArray(userData->vaoId);
    glDrawArrays(GL_TRIANGLES, 0, 3);
    glBindVertexArray(0);
}

注意上面使用了 VBO 同时缓存了顶点和顶点颜色数据，但是没有使用 EBO，但是也使用了VAO，根据chatgpt的回答，无法只使用 VBO 不结合 VAO，但是可以不是 VAO
注意 VBO 的使用方法需要先 glBindBuffer 最后 glEnableVertexAttribArray

同时使用 VBO 和 EBO 进行绘制的代码如下：

unsigned int indices[] = {
        // 前面
        0, 1, 2,
        2, 3, 0,
        // 后面
        4, 5, 6,
        6, 7, 4,
        // 左面
        8, 9, 10,
        10, 11, 8,
        // 右面
        12, 13, 14,
        14, 15, 12,
        // 顶面
        16, 17, 18,
        18, 19, 16,
        // 底面
        20, 21, 22,
        22, 23, 20
};

static void DrawPrimitiveWithVBOs(ESContext *esContext)
{
    UserData *userData = esContext->userData;
    GLuint   offset = 0;

    // vboIds[0] - used to store vertex attribute data
    // vboIds[l] - used to store element indices
    if (userData->vboIds[0] == 0 && userData->vboIds[1] == 0) {
        // Only allocate on the first draw
        glGenBuffers(2, userData->vboIds);
        glGenVertexArrays(1, &userData->vaoId);
        printf("gen vbo id:%d %d vao id:%d.\n",userData->vboIds[0],userData->vboIds[1],userData->vaoId);

        glBindVertexArray(userData->vaoId);
        
        // 使用 VBO 缓存 顶点和顶点颜色数据，注意这里只使用了一个 VBO, 使用 stride 和 offset 进行区分
        glBindBuffer(GL_ARRAY_BUFFER, userData->vboIds[0]);
        glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
        glVertexAttribPointer(0, 3,GL_FLOAT, GL_FALSE, 5*sizeof(GLfloat) , NULL);
        glEnableVertexAttribArray(0);
        glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5*sizeof(GLfloat) ,(void*)(3*sizeof(GLfloat)));
        glEnableVertexAttribArray(1);

        // notice using GL_ELEMENT_ARRAY_BUFFER
        // 使用 VBO 缓存顶点的索引数据
        glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, userData->vboIds[1]);
        glBufferData(GL_ELEMENT_ARRAY_BUFFER,sizeof(indices), indices, GL_STATIC_DRAW);

        glBindVertexArray(0);
    }

    glBindVertexArray(userData->vaoId);
    glUniformMatrix4fv(userData->mvpLoc, 1, GL_FALSE, (GLfloat *)&userData->mvpMatrix.m[0][0]);
    glDrawElements(GL_TRIANGLES,36,GL_UNSIGNED_INT,0);
    glBindVertexArray(0);
}

上面的代码中同时使用了VBO，EBO和VAO进行绘制，注意这里有一个技巧：一个VBOID可以缓存多个数据，可以通过Stride 和 offset 的方法进行区分
stride_vbo
对于每个顶点来说，顶点坐标位于前面，offset 为 0 sizeof(GLFloat))，长度为 3 sizeof(GLFloat))，纹理坐标位于后面， offset 为 3 sizeof(GLFloat)), 长度为 2 sizeof(GLFloat))，每个顶点的步长(stride)就是3+2(sizeof(GLFloat))

VAO(Vertex Array Object)

VAO 是指顶点数组对象，主要用于管理VBO或者EBO，减少 glBindBuffer 、glEnableVertexAttribArray、 glVertexAttribPointer 这些调用操作，高效的在顶点属性配置之间切换
VAO
使用VAO绘制的示例如下：

static void DrawPrimitiveWithVBOs(ESContext *esContext)
{
    UserData *userData = esContext->userData;
    GLuint   offset = 0;

    // vboIds[0] - used to store vertex attribute data
    // vboIds[l] - used to store element indices
    if (userData->vboIds[0] == 0 && userData->vboIds[1] == 0) {
        // Only allocate on the first draw
        glGenBuffers(2, userData->vboIds);
        glGenVertexArrays(1, &userData->vaoId);
        printf("gen vbo id:%d %d vao id:%d.\n",userData->vboIds[0],userData->vboIds[1],userData->vaoId);

        // 开始绑定 vao id
        glBindVertexArray(userData->vaoId);
        
        // 使用 VBO 缓存 顶点和顶点颜色数据，注意这里只使用了一个 VBO, 使用 stride 和 offset 进行区分
        glBindBuffer(GL_ARRAY_BUFFER, userData->vboIds[0]);
        glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);
        glVertexAttribPointer(0, 3,GL_FLOAT, GL_FALSE, 5*sizeof(GLfloat) , NULL);
        glEnableVertexAttribArray(0);
        glVertexAttribPointer(1, 2, GL_FLOAT, GL_FALSE, 5*sizeof(GLfloat) ,(void*)(3*sizeof(GLfloat)));
        glEnableVertexAttribArray(1);

        // notice using GL_ELEMENT_ARRAY_BUFFER
        // 使用 VBO 缓存顶点的索引数据
        glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, userData->vboIds[1]);
        glBufferData(GL_ELEMENT_ARRAY_BUFFER,sizeof(indices), indices, GL_STATIC_DRAW);

       // 结束绑定
        glBindVertexArray(0);
    }

    // 开始使用
    glBindVertexArray(userData->vaoId);
    glUniformMatrix4fv(userData->mvpLoc, 1, GL_FALSE, (GLfloat *)&userData->mvpMatrix.m[0][0]);
    glDrawElements(GL_TRIANGLES,36,GL_UNSIGNED_INT,0);
    glBindVertexArray(0);
}

主要步骤是：

  • glGenVertexArrays 生产 vao id
  • glBindVertexArray(userData->vaoId); 开始绑定 vao 的操作
  • glBindVertexArray(0); 结束绑定 vao 的操作
小猪佩奇TONY
关注
专栏目录
OpenGL ES 3.0 开发（四）：VBO、EBO 和 VAO
字节流动
08-01 1万+
该原创文章首发于微信公众号：字节流动 VBO 和 EBO VBO（Vertex Buffer Object）是指顶点缓冲区对象，而 EBO（Element Buffer Object）是指图元索引缓冲区对象，VAO 和 EBO 实际上是对同一类 Buffer 按照用途的不同称呼。 OpenGLES2.0 编程中，用于绘制的顶点数组数据首先保存在 CPU 内存，在调用 glDrawArrays ...
OpenGL ES之VBO、EBO与VAO的说明和使用
╰つ栺尖篴夢ゞ
06-20 794
VBO（Vertex Buffer Object）是指顶点缓冲区对象，而 EBO（Element Buffer Object）是指图元索引缓冲区对象，VAO 和 EBO 实际上是对同一类 Buffer 按照用途的不同称呼。VAO（Vertex Array Object）是指顶点数组对象，主要用于管理 VBO 或 EBO ，减少 glBindBuffer 、glEnableVertexAttribArray、 glVertexAttribPointer 这些调用操作，高效地实现在顶点数组配置之间切换。...
OpenGl ES---VBO,VAO
liyaoliy的博客
08-23 314
opengl es
OpenGL ES 2.0总结（1）-VBO与渲染
prahs的专栏
11-05 2074
OpenGL ES 2.0总结1.VBO初始化 1) glGenBuffers() 生成bufferID2) glBindBuffer() 操作它，参数为VBO的bufferID3) glBufferData() 指定里面放的数据和用法 至此想用此VBO时再glBindBuffer()它的bufferID即可，里面一般放顶点数据（包括模型的xyz和纹理坐标uv），另外前提是已经编译和设定好了shad
OpenGL缓冲区对象之EBO
Frank的专栏
11-17 6462
OpenGL缓冲区对象 EBO的介绍和示例
OpenGLES（三）VAO、VBO、EBO
麦芽的博客
01-14 523
OpengGLES VAO、VBO、EBO 的使用
[OpenGL ES] VBO 顶点缓冲对象
we1less的博客
11-21 973
VBO： Vertex Buffer object 顶点缓冲对象 为什么要用VBO? 不使用VBO时，每次绘制（ glDrawArrays ）图形时都是从本地内存处获取顶点数据然后传输给OpenGL来绘制，这样就会频繁的操作CPU->GPU增大开销，从而降低效率。使用VBO，可以把顶点数据缓存到GPU开辟的一段内存中，然后使用时不必再从本地获取，而是直接从显存中获取，这样就能提升绘制的效率。 创建VBO 1、创建VBO GLES20.glGenBuffers(1, vbos, 0); ...
OpenGL ES VAO、VBO、EBO、FBO、PBO、TBO、UBO
热门推荐
字节流动
01-08 2万+
面试中经常被问到的 OpenGL ES 对象，你知道的有哪些？ 该原创文章首发于微信公众号：字节流动 VBO 和 EBO VBO（Vertex Buffer Object）是指顶点缓冲区对象，而 EBO（Element Buffer Object）是指图元索引缓冲区对象，VAO 和 EBO 实际上是对同一类 Buffer 按照用途的不同称呼。 OpenGL ES 2.0 编程中，用于绘制的顶点数组数据首先保存在 CPU 内存，在调用 glDrawArrays 或者 glDrawElements 等进行绘
Android基于OpenGL ES 3.0的VBO,VAO,EBO的使用(NDK开发）
JabamiYu的博客
05-27 1598
有过一点OpenGL开发经验的人就知道每次绘图之前都会绑定顶点数组，每次将一个顶点传到GPU进行绘制。但是从CPU传数据到GPU的效率并不高，所以我们就需要使用VBO顶点缓存对象来一次性传递多个顶点到GPU，而VAO是3.0以后的版本才有的功能，它允许我们保存对于顶点的配置信息，我们配置好之后就只需要绑定对应的VAO，然后直接绘制即可。索引缓冲对象EBO和VBO类似也就是保存下标的缓冲。 - ...
OpenGL----深入理解OpenGL上下文
最新发布
charce_you的专栏
08-19 743
OpenGL 上下文是一个包含所有 OpenGL 状态的对象。它管理和维护 OpenGL 的各种状态和资源，包括视口、着色器程序、纹理、缓冲区对象等。创建和管理 OpenGL 上下文是使用 OpenGL 进行图形渲染的基础。另外，多个上下文可以共享资源（如纹理和缓冲区对象），这对于多窗口或多线程应用程序非常有用。
罗大柚OpenGL ES系列教程 LessonTwo VAO Part 2
03-03
在GLKit框架下使用VAO绘制一个立方体
OpenGL进阶--VAO，VBO, EBO
11-02
我们通过所谓的 **顶点缓冲对象 （VBO）**，可以在GPU的内存中存储大量的顶点。使用这些缓冲区对象的好处是，我们可以一次将大批数据全部发送到图形卡，如果还有足够的内存，则可以将其保存在此处，而不必一次发送一个顶点。从CPU将数据发送到图形卡的速度相对较慢，因此我们尽可能尝试一次发送尽可能多的数据。数据存储在图形卡的内存中之后，顶点着色器几乎可以立即访问顶点，因此速度非常快。
OpenGL ES：理解VBO和VAO
无聊科技
06-11 929
VBO（Vertex Buffer Object）顶点缓冲区对象，是OpenGL ES2.0之后一个可使用的功能。表示存在于GPU内存中的一个对象，用于存储顶点坐标、纹理坐标等相关信息。如果不使用VBO则是将顶点、纹理坐标等数据存放在CPU内存中，在每次绘制之前通过通IO将其传递到GPU中，这样做的缺点是显而易见的，每次传递的数据相同还要花费同样的IO开销，所以绘制这些数据不发生变化的物体尽量使用VBO方式，提升性能。下面是使用传统方法绘制的代码 首先获取顶点坐标是数据 public...
Android OpenGL ES VBO VAO应用
soely的博客
01-26 1176
VBO即Vertex Buffer Object顶点缓冲区对象，OpenGL ES 3.0总是建议使用VBO，VBO的使用也比较简单，下面是VBO的基本用法： mVertexId = new int[2]; GLES30.glGenBuffers(2, mVertexId, 0); GLES30.glBindBuffer(GLES30.GL_ARR
Opengl ES之EBO
u012944685的专栏
09-27 406
前面我们介绍了VBO与VAO等缓冲对象，今天我们来介绍一下EBO。
OpenGL ES Shader相关API 总结【5】——VBO与VAO的作用与关系
ShaderJoy 的兴趣技术杂货铺
05-16 3168
早期的OpenGL为了将模型的顶点数据传送到显卡，需要逐个顶点进行（冗余处理的问题），如果还需要额外的信息（纹理坐标和法线）的话，当模型比较复杂时，将导致大量函数的调用，传输开销是相当大的！为了解决这个问题引入了VBO(Vertex Buffer Object)，VBO可以将顶点数据保存在显存中，绘制时直接从显存中取数据，减少了数据传输的开销。 顶点属性（Vertex Attribute），是关
Android OpenGL ES 学习(六) – 使用 VBO、VAO 和 EBO/IBO 优化程序
gowcage的博客
11-24 284
OpenGL 学习教程上一篇，我们已经完成了 三角形的渐变色处理。这一章，我们学习 GL3.0 特有的 OpenGL 缓存对象，VBO ,VAO 和 EBO。这一章稍微有点吃理解，建议多看多想。
OpenGL学习—EBO
qq_75066978的博客
04-02 262
(Element Buffer Object，也叫IBO:Index Buffer Object)索引缓冲区对象。如在绘制多边形时，顶点数组中出现大量重复点，可以使用索引数组从而减少重复性点。注：EBO从索引数组中拿取数据。VAO也会记录EBO中的情况。EBO用来存储索引数据。创建EBO(同VBO)
opengl vao vbo ebo
06-28
OpenGL中的VAO、VBO和EBO是三种重要的缓存对象，用于存储和管理顶点数据和索引数据。 VAO（Vertex Array Object）是顶点数组对象，用于存储顶点数据的属性信息，如顶点坐标、颜色、法向量等。VAO可以将多个VBO绑定...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值