OpenGL ES 索引缓冲区(4)

于 2024-09-30 21:55:22 发布
阅读量422 收藏 10
点赞数 13
分类专栏： OpenGL 文章标签： 安卓 OpenGL android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43833152/article/details/142664461
版权

OpenGL ES 索引缓冲区(4)

简述

本节会介绍索引缓冲区，索引缓冲区和顶点缓冲区类似，也是显存上的一段内存，只不过上面的数据用处不同，索引缓冲区故名思义里面的数据是用于索引，主要作用是用于复用顶点缓冲区里的数据。
我们之前说过OpenGL渲染都是渲染三角形，如果我们想渲染一个正方形，就要通过渲染两个三角形，拼接成一个正方形，那么这两个三角形有两个顶点是重合的，如果没有索引缓冲区，两个三角形则需要六个顶点，而实际上一个正方形只有四个顶点，这里有两个顶点时数据冗余。仅仅一个正方形就有这么多冗余，那么一个复杂的游戏场景就会浪费非常多的内存。
下面我们就以渲染一个正方形为例来使用索引缓冲区。

接口使用

索引缓冲区的接口使用方式和顶点缓冲区类似，只不过参数不同,这里使用的GL_ELEMENT_ARRAY_BUFFER表示索引缓冲区。

GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, bufferId);
GLES30.glBufferData(GLES30.GL_ELEMENT_ARRAY_BUFFER,
                    size,
                    data,
                    type);

glDrawElements是用于渲染索引缓冲区，第一个和其他DrawCall一样，第二个参数是count，表示有多少顶点需要渲染，第三个参数是索引缓冲区参数类型，必须是GLES30.GL_UNSIGNED_SHORT或者GL_UNSIGNED_BYTE，第四个参数是offset。

GLES30.glDrawElements(GLES30.GL_TRIANGLES, count, type, offset)

不使用索引缓冲区渲染正方形

配置顶点数据

顶点数据如下，6个顶点。我我们可以发现第3个和第5个是一样的，第2个和第4个是一样的。

private float[] vertexArray = new float[] {
        -0.25f, -0.25f, 0.0f,
        0.25f, -0.25f, 0.0f,
        -0.25f, 0.25f, 0.0f,
        0.25f, -0.25f, 0.0f,
        -0.25f, 0.25f, 0.0f,
        0.25f, 0.25f, 0.0f,
};

配置着色器

着色器和我们三角形demo的时候基本是一样的，通过一个统一变量来控制颜色。

private final String vertexShaderCode =
        "attribute vec4 vPosition;" +
                "void main() {" +
                "  gl_Position = vPosition;" +
                "}";

private final String fragmentShaderCode =
        "precision mediump float;" +
                "uniform vec4 vColor;" +
                "void main() {" +
                "  gl_FragColor = vColor;" +
                "}";

配置顶点缓冲区数据和布局

onSurfaceCreated中填充顶点缓冲区的数据以及加载着色器的逻辑和绘制三角形的时候一样。

public void onSurfaceCreated(GL10 gl, EGLConfig config) {
    // 清除颜色
    GLES30.glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    // 创建顶点缓冲区
    int[] idBuffer = new int[1];
    GLES30.glGenBuffers(1, idBuffer, 0);
    vertexBufferId = idBuffer[0];

    // 顶点缓冲区数据填充
    FloatBuffer vertexBuffer = ByteBuffer.allocateDirect(vertexArray.length * 4).order(ByteOrder.nativeOrder()).asFloatBuffer();
    vertexBuffer.put(vertexArray);
    vertexBuffer.position(0);

    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vertexBufferId);
    GLES30.glBufferData(
            GLES30.GL_ARRAY_BUFFER,
            vertexArray.length * 4,
            vertexBuffer,
            GLES30.GL_STATIC_DRAW
    );
    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, 0);

    // shader
    shaderProgramId = initShaderProgram(vertexShaderCode, fragmentShaderCode);
}

onDrawFrame方法中其他的基本和绘制三角形的时候一样，参数布局其实也是一样的，变化的只有glDrawArrays中count变成了6个顶点。

public void onDrawFrame(GL10 gl) {
    // 清除屏幕
    GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT);
    // 使能着色器程序
    GLES30.glUseProgram(shaderProgramId);

    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vertexBufferId);
    int positionLocation = GLES30.glGetAttribLocation(shaderProgramId, "vPosition");

    GLES30.glEnableVertexAttribArray(positionLocation);
    // 告诉GPU顶点缓冲区的布局情况，即那些数据的意义是什么。
    GLES30.glVertexAttribPointer(positionLocation, 3, GLES30.GL_FLOAT, false, 0, 0);

    // 配置统一变量，用于CPU和GPU通信的
    int colorLocation = GLES30.glGetUniformLocation(shaderProgramId, "vColor");
    GLES30.glUniform4f(colorLocation, 1.0f, 1.0f, 1.0f, 1.0f);

    // 调用DrawCall绘制三角形
    GLES30.glDrawArrays(GLES30.GL_TRIANGLES, 0, 6);

    // 清除配置
    GLES30.glDisableVertexAttribArray(positionLocation);
    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, 0);
    GLES30.glUseProgram(0);
}

效果

渲染图像看起来不是正方形，而是长方形，是因为OpenGL的坐标比例是按照屏幕显示的比例，我们的手机屏幕是长方形的，所以按照比例也是长方形的。

在这里插入图片描述

使用索引缓冲区

我们前面看到了渲染这个正方形我们使用了6个顶点，而其中有2个顶点是重复的，我们使用索引缓冲区可以复用顶点。

配置顶点数据

顶点数据如下,indexArray为索引缓冲区的数据，必须要short或者byte类型。
这里索引缓冲区就是表示第一个三角形使用的顶点缓冲区中0，1，2号顶点，第二个三角形使用顶点缓冲区中1，2，3号顶点。

private float[] vertexArray = new float[] {
        -0.25f, -0.25f, 0.0f,
        0.25f, -0.25f, 0.0f,
        -0.25f, 0.25f, 0.0f,
        0.25f, 0.25f, 0.0f,
};

private short[] indexArray = new short[] {
        0,1,2,
        1,2,3
};

配置顶点缓冲区数据和布局

着色器和之前一样，顶点缓冲区配置修改如下，除了申请顶点缓冲区之外还申请了索引缓冲区。

public void onSurfaceCreated(GL10 gl, EGLConfig config) {
    // 清除颜色
    GLES30.glClearColor(0.0f, 0.0f, 0.0f, 1.0f);
    // 申请两个缓冲区，一个作为顶点缓冲区，一个座位索引缓冲区
    int[] idBuffer = new int[2];
    GLES30.glGenBuffers(2, idBuffer, 0);
    vertexBufferId = idBuffer[0];
    elementBufferId = idBuffer[1];

    // 顶点缓冲区数据填充
    FloatBuffer vertexBuffer = ByteBuffer.allocateDirect(vertexArray.length * 4).order(ByteOrder.nativeOrder()).asFloatBuffer();
    vertexBuffer.put(vertexArray);
    vertexBuffer.position(0);

    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vertexBufferId);
    GLES30.glBufferData(
            GLES30.GL_ARRAY_BUFFER,
            vertexArray.length * 4,
            vertexBuffer,
            GLES30.GL_STATIC_DRAW
    );
    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, 0);

    // 索引缓冲区数据填充，类型必须为short/byte
    ShortBuffer indexBuffer = ByteBuffer.allocateDirect(indexArray.length * 4).order(ByteOrder.nativeOrder()).asShortBuffer();
    indexBuffer.put(indexArray);
    indexBuffer.position(0);
    GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, elementBufferId);
    GLES30.glBufferData(
            GLES30.GL_ELEMENT_ARRAY_BUFFER,
            indexArray.length * 4,
            indexBuffer,
            GLES30.GL_STATIC_DRAW
    );
    GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, 0);

    // shader
    shaderProgramId = initShaderProgram(vertexShaderCode, fragmentShaderCode);
}

通过GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, elementBufferId)绑定索引缓冲区，然后调用glDrawElements来进行绘制。

public void onDrawFrame(GL10 gl) {
    // 清除屏幕
    GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT);
    // 使能着色器程序
    GLES30.glUseProgram(shaderProgramId);

    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vertexBufferId);
    int positionLocation = GLES30.glGetAttribLocation(shaderProgramId, "vPosition");

    GLES30.glEnableVertexAttribArray(positionLocation);
    // 告诉GPU顶点缓冲区的布局情况，即那些数据的意义是什么。
    GLES30.glVertexAttribPointer(positionLocation, 3, GLES30.GL_FLOAT, false, 0, 0);

    // 配置统一变量，用于CPU和GPU通信的
    int colorLocation = GLES30.glGetUniformLocation(shaderProgramId, "vColor");
    GLES30.glUniform4f(colorLocation, 1.0f, 1.0f, 1.0f, 1.0f);
    // 绑定索引缓冲区
    GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, elementBufferId);
    // 调用DrawCall绘制三角形
    GLES30.glDrawElements(GLES30.GL_TRIANGLES, 6, GLES30.GL_UNSIGNED_SHORT, 0);

    // 清除配置
    GLES30.glDisableVertexAttribArray(positionLocation);
    GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, 0);
    GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, 0);
    GLES30.glUseProgram(0);
}

效果

和之前一样。
在这里插入图片描述

小结

索引缓冲区里面就是存储了一系列索引，用于复用顶点缓冲区。
有个问题，大家可能会想之前用6个顶点也不过18个数，使用了顶点缓冲区后变为12个，但是索引缓冲区还有6个，好像没有节省多少内存。
但是实际上顶点可能包含了非常多的数据，比如我们之前用它来存颜色，它还可以存纹理等额外数据，实际应用场景一个顶点可能有非常多数据，所以复用可节省的内存是非常可观的。

起司锅仔
关注
专栏目录
Opengl ES IBO(索引缓冲区) VBO(顶点缓冲区)创建一个立方体
风痕的博客
07-21 2492
1 创建 //立方体顶点属性 Vertex cubeVerticesIndexed[] = { { -1.0f,-1.0f, 1.0f, 0.0f,1.0f, 1.0f, 1.0f, 1.0f,1.0f }, // 0 { 1.0f,-1.0f, 1.0
OpenGLES---缓冲区
GameCocos2dx的专栏
06-06 1868
{ 1:顶点缓冲区 GL_ARRAY_BUFFER 2:索引缓冲区 GL_ELEMENT_ARRAY_BUFFER 3:帧缓冲区 GL_FRAMEBUFFER/GL_RENDERBUFFER } {1:顶点缓冲区 GL_ARRAY_BUFFER OpenGL-ES 中 Vertex Arrays/Buffer Objects 在这个阶段发生 struct VX{ fl
OpenGL ES入门之顶点缓冲区对象相关
weixin_42128759的博客
12-09 275
顶点属性的概念、如何指定它们和它们支持的数据格式、如何绑定顶点属性以用于顶点着色器、在OpenGL ES 3.0中用顶点属性绘制图元的方法 顶点属性 顶点属性：顶点数据，指定每个顶点的数据，这种逐顶点可以为每个顶点指定，也可用于所有顶点的常量，例如一个纯色三角形具有固定颜色的顶点和逐顶点位置属性。 所有OpenGL ES 3.0实现必须支持最少16个顶点属性，可以通过glGetIntege...
Android OpenGL ES 2.0（八）--- 索引缓冲区对象
螃蟹变异了的专栏
08-19 414
本文从下面链接翻译过来: Android Lesson Eight: An Introduction to Index Buffer Objects (IBOs) 在上一课中，我们学习了如何在Android上使用顶点缓冲对象。 我们了解了客户端内存和GPU专用内存之间的区别，以及将纹理，位置和法线数据存储在单独的缓冲区中，或者存储在一个缓冲区中的区别。 在本课中，我们将学习索引缓冲区对象，并查...
【OpenGL ES】缓存——缓冲区对象【I】
小叮当不懒的博客
03-14 589
【OpenGL ES】缓存——缓冲区对象 VBO（Vertex Buffer Object） 顶点缓冲区对象。 作用 在GPU显存中创建一块BUFFER。 存储顶点以及其属性相关的信息，比如坐标，颜色等。 直接将顶点信息上传到GPU的显存中，避免频繁赋值给GPU，提升性能。 使用 生成一个VBO对象。 GLuint VBO; glGenBuffers(1, &VBO); 设置缓冲区缓存对象的类型，又可以理解为激活缓冲区。 glBindBuffer(GL_ARRAY_BU
OpenGL ES 顶点缓冲区和布局(3)
最新发布
起司锅仔的博客
09-29 736
顶点缓冲区的本质就是一段GPU上的显存，我们通过绑定顶点缓冲区的方式来将数据从CPU传到GPU。我们之前在绘制三角形的例子中，我们往顶点缓冲区只传入了坐标，但是其实顶点是可以包含很多数据的，比如纹理索引，颜色等，因为它的本质其实就是一个Buffer，所以我们可以使用它做非常多的事情。我们前面说了，顶点缓冲区只是一个一段内存，但是GPU并不知道这段内存里的这些数是什么意思，每个数据的含义是什么。所以我们需要告诉GPU顶点缓冲区布局，定义每个数据是什么意思。
OpenGL学习之缓冲区对象
Estelle
06-24 1991
缓冲区对象是一个强大的概念，它允许应用程序迅速方便地将数据从一个渲染管线移动到另一个渲染管线，以及从一个对象绑定到另一个对象。 缓冲区：缓冲区有很多不同的用途，它们能够保存顶点数据、像素数据、纹理数据、着色器处理的输入，或者不同阶段着色器阶段的输出。 缓冲区保存在GPU内存中，它们提供高速和高效的访问。在OpenGL有缓冲区对象之前，应用程序只有有限的选择可以在GPU中存储数据。另外，在GPU...
【OpenGL ES】顶点缓冲区对象VBO与顶点数组对象VAO
Making Life Better. Making Others Better.
05-11 4434
【完整示例代码】https://github.com/geminy/aidear/tree/master/graphics/mu/examples/opengles3顶点属性即顶点数据，可以通过顶点数组逐顶点指定，也可以为所有顶点指定一个常量，所有OpenGL ES 3.0实现必须支持至少16个顶点属性，应用程序可以通过glGetIntegerv查询GL_MAX_VERTEX_ATTRIBS得到支持
opengles 顶点数组 android,OpenGLES顶点属性、顶点数组和缓冲区对象
weixin_39758696的博客
05-28 308
顶点属性数据可以用一个顶点数组对每个顶点指定，也可以将一个常量值用于一个图元的所有顶点OpenGLES支持最少16个顶点属性。准确查询顶点数量方法如下：GLint maxVertexAttribs;glGetIntegerv(GL_MAX_VERTEX_ATTRIBS, &maxVertexAttribs);一、指定顶点数组1、常量顶点属性：常量顶点属性对于一个图元的所有顶点都相同，所以对...
openGLES3.0Example_6_VertexBufferObjects.rar
07-17
OpenGL ES 3.0中的其他缓冲区对象类型将在本文的其他部分进行描述 关注用于指定顶点的缓冲对象 属性和元素数组。 注意:为了获得最好的性能，我们建议使用OpenGL ES 3.0 应用程序为顶点属性数据和 元素指标。 在...
Android OpenGL ES 2.0学习书籍.rar
05-11
最后，了解如何与硬件加速的OpenGLES API交互，以及熟悉GLSL语言（OpenGL Shading Language），是成为OpenGL ES 2.0专家的必经之路。通过编写高效、可读性强的着色器代码，可以创造出各种复杂的视觉效果，实现令人...
OpenGL ES 3.0（六）缓冲区对象、PBO、FBO
我的学习笔记
08-18 3735
缓冲区 缓冲区对象 创建： Gluint pixBuffObjs[1]; glGenBuffers(1, pixBuffObjs); 绑定： glBindBuffer(GL_PIXEL_PACK_BUFFER, pixBuffObjs[0]); 缓冲区对象的绑定点有： Target Name Description GL_ARRAY_BUFFER ...
【AndroidStudio】关于AndroidStudio的常见控件TextView和Button
PleaSure乐事的博客
09-26 352
AndroidStudio中TextView和Button控件的使用
PHP 递归遍历目录
json_li的博客
09-24 497
本篇文章主要内容为PHP 两种循环递归遍历目录的示例。
Android webview拦截H5的接口请求并返回处理好的数据
QG
09-24 1111
Android webview拦截H5的接口请求并返回处理好的数据
【Android 14源码分析】Activity启动流程-1
隔壁小王的博客
09-29 743
执行 startActivity 方法的 Activity ，也就是发起请求的Activity ，当前是 Launcher 的 Activity。：被启动的 Activity 当前就是“电话”应用在清单文件配置的MainActivityAMS: 不仅仅是指 AMS 这一个类，而是指在这个过程中 system_service 进程参与处理的相关类。
最新的iOS 18版本和Android 15版本系统分别升级了哪些功能？
LLZjiayou的博客
09-26 550
iOS 18 的未来更新将引入 AI 驱动的增强功能，例如写作助手、用于创建 AI 生成图像的工具，以及基于您的电子邮件和消息的更智能的 Siri 响应​。：您的 iPhone 可以将触觉反馈与 Apple Music 中的音乐节奏同步，提供更丰富的体验，尤其是对于有听力障碍的用户而言。：一款全新的日记应用，旨在帮助用户记录日常经历、想法和活动，利用设备内置智能功能建议主题，并根据照片、位置和其他数据组织条目。：行动不便的用户现在可以通过眼球运动来导航他们的 iPhone，而无需额外的硬件。
使用 PHP 的 strip_tags函数保护您的应用安全
记录个人成长, 分享好用资源
09-27 327
在现代 web 开发中，处理用户输入是一项常见的任务。然而，用户输入的内容往往包含 HTML 或 PHP 标签，这可能会导致安全漏洞，如跨站脚本攻击（XSS）。为了解决这个问题，PHP 提供了一个非常有用的函数：strip_tags。本文将介绍这个函数的用法及其重要性
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值