最通俗的安卓OpenGL教学06——使用VBO

原创 已于 2023-10-17 10:07:27 修改 · 865 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#android
于 2020-12-21 21:55:37 首次发布
本文详细介绍了OpenGL中的顶点缓冲对象(VBO)的概念及其使用方法。通过VBO可以将顶点数据缓存到GPU中，避免频繁的CPU-GPU数据交换，从而显著提高图形绘制效率。

OpenGL VBO 即顶点缓冲对象 ，目的是提高顶点坐标获取的效率。使用 VBO时，能把顶点数据缓存到GPU开辟的一段内存中，然后使用时不必再从本地获取，而是直接从显存中获取，这样就能提升绘制的效率,不使用 VBO，每次绘制（ glDrawArrays ）图形时都是从本地内存处获取顶点数据然后传输给 OpenGL来绘制，这样就会频繁的操作 CPU->GPU增大开销，从而降低效率。

OpenGL VBO的创建大概有以下步骤：

  1. 创建VBO
  2. 绑定VBO
  3. 分配VBO需要的缓存大小
  4. 为VBO设置顶点数据的值
  5. 解绑VBO

OpenGL VBO的使用大概有以下步骤：

  1. 绑定VBO
  2. 从VBO中获取顶点，设置顶点数据
  3. 解绑VBO

1. VBO创建

在onSurfaceCreated时创建VBO:


        //创建 VBO
        int[] vbo = new int[1];
        GLES20.glGenBuffers(1, vbo, 0);
        vboID = vbo[0];
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vboID);

        //分配 VBO需要的缓存大小
        GLES20.glBufferData(GLES20.GL_ARRAY_BUFFER, vertexData.length * 4 + fragmentData.length * 4, null, GLES20.GL_STATIC_DRAW);
        //设置顶点坐标数据的值到 VBO
        GLES20.glBufferSubData(GLES20.GL_ARRAY_BUFFER, 0, vertexData.length * 4, vertexBuffer);
        //设置纹理坐标数据的值到 VBO
        GLES20.glBufferSubData(GLES20.GL_ARRAY_BUFFER, vertexData.length * 4, fragmentData.length * 4, fragmentBuffer);
        //解绑 VBO，指的是离开对 VBO的配置，进入下一个状态
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0);

2. VBO使用

在onDrawFrame时使用VBO:

  		//开始使用 VBO
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vboID);
        //使能顶点属性数组，使之有效
        GLES20.glEnableVertexAttribArray(vPosition);
        //使能之后，为顶点属性赋值，从VBO里获取 绑定顶点坐标; 注意：最后一个参数如果是 vertexBuffer，那么就没有用到 VBO，那就还是从CPU里取顶点
        GLES20.glVertexAttribPointer(vPosition, 2, GLES20.GL_FLOAT, false, 8, 0);
        //使能片元属性数组，使之有效
        GLES20.glEnableVertexAttribArray(fPosition);
        //使能之后，为片元属性赋值，从VBO里获取 绑定纹理坐标; 注意：最后一个参数为 VBO里的偏移量
        GLES20.glVertexAttribPointer(fPosition, 2, GLES20.GL_FLOAT, false, 8, vertexData.length * 4);

        //退出 VBO的使用 进入纹理绑定状态
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0);

3.完整代码

package com.york.media.opengl.demo.vbo;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.opengl.GLES20;
import android.opengl.GLUtils;

import com.york.media.opengl.R;
import com.york.media.opengl.egl.YGLSurfaceView;
import com.york.media.opengl.egl.YShaderUtil;

import java.nio.ByteBuffer;
import java.nio.ByteOrder;
import java.nio.FloatBuffer;

/**
 * author : York
 * date   : 2020/12/20 18:01
 * desc   : OpenGL VBO 即顶点缓冲对象 ，目的是提高顶点坐标获取的效率
 * <p>
 * 不使用 VBO时，每次绘制（ glDrawArrays ）图形时都是从本地内存处获取顶点数据然后传输给 OpenGL来绘制，这样就会频繁的操作 CPU->GPU增大开销，从而降低效率。
 * 使用 VBO时，能把顶点数据缓存到GPU开辟的一段内存中，然后使用时不必再从本地获取，而是直接从显存中获取，这样就能提升绘制的效率。
 */
public class YVboRender implements YGLSurfaceView.YGLRender {

    private final Context mContext;
    private final FloatBuffer vertexBuffer;
    private final FloatBuffer fragmentBuffer;
    private int program;
    private int vPosition;
    private int fPosition;

    private int bitmapTexture;
    private int vboID;
    //顶点坐标
    float[] vertexData = {
            -1f, -1f,
            1f, -1f,
            -1f, 1f,
            1f, 1f
    };

    //纹理坐标
    float[] fragmentData = {
            0f, 1f,
            1f, 1f,
            0f, 0f,
            1f, 0f
    };


    public YVboRender(Context context) {
        this.mContext = context;

        //读取顶点坐标
        vertexBuffer = ByteBuffer.allocateDirect(vertexData.length * 4).order(ByteOrder.nativeOrder()).asFloatBuffer().put(vertexData);
        vertexBuffer.position(0);

        //读取纹理坐标
        fragmentBuffer = ByteBuffer.allocateDirect(fragmentData.length * 4).order(ByteOrder.nativeOrder()).asFloatBuffer().put(fragmentData);
        fragmentBuffer.position(0);

    }

    @Override
    public void onSurfaceCreated() {
        //加载顶点着色器 shader
        String vertexSource = YShaderUtil.getRawResource(mContext, R.raw.screen_vert);
        //加载片元着色器 shader
        String fragmentSource = YShaderUtil.getRawResource(mContext, R.raw.screen_frag);
        //获取源程序
        program = YShaderUtil.createProgram(vertexSource, fragmentSource);
        //从渲染程序中得到着顶点色器中的属性
        vPosition = GLES20.glGetAttribLocation(program, "vPosition");
        //从渲染程序中得到片元着色器中的属性
        fPosition = GLES20.glGetAttribLocation(program, "fPosition");

        //创建 VBO
        int[] vbo = new int[1];
        GLES20.glGenBuffers(1, vbo, 0);
        vboID = vbo[0];
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vboID);

        //分配 VBO需要的缓存大小
        GLES20.glBufferData(GLES20.GL_ARRAY_BUFFER, vertexData.length * 4 + fragmentData.length * 4, null, GLES20.GL_STATIC_DRAW);
        //设置顶点坐标数据的值到 VBO
        GLES20.glBufferSubData(GLES20.GL_ARRAY_BUFFER, 0, vertexData.length * 4, vertexBuffer);
        //设置纹理坐标数据的值到 VBO
        GLES20.glBufferSubData(GLES20.GL_ARRAY_BUFFER, vertexData.length * 4, fragmentData.length * 4, fragmentBuffer);
        //解绑 VBO，指的是离开对 VBO的配置，进入下一个状态
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0);

        //创建 1个纹理,放入到 int [] textureIds
        int[] textureIds = new int[1];
        GLES20.glGenTextures(1, textureIds, 0);//第三个参数是指从哪儿开始取
        bitmapTexture = textureIds[0];
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, bitmapTexture);//在没设置点的情况下默认是绑定 0号纹理

        //设置纹理的环绕方式
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_REPEAT);
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_REPEAT);
        //设置纹理的过滤方式
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_LINEAR);
        GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR);

        //绑定bitmap 到  textureIds[0] 2D纹理
        Bitmap bitmap = BitmapFactory.decodeResource(mContext.getResources(), R.drawable.nobb);
        GLUtils.texImage2D(GLES20.GL_TEXTURE_2D, 0, bitmap, 0);
        bitmap.recycle();

        //解绑纹理 指的是离开对 纹理的配置，进入下一个状态
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, 0);
    }

    @Override
    public void onSurfaceChanged(int width, int height) {
        //设置窗口大小
        GLES20.glViewport(0, 0, width, height);
    }

    @Override
    public void onDrawFrame() {
        //清除屏幕，此处用的是红色
        GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT);
        GLES20.glClearColor(1f, 0f, 0f, 1f);
        //使用着色器源程序
        GLES20.glUseProgram(program);

        //开始使用 VBO
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, vboID);
        //使能顶点属性数组，使之有效
        GLES20.glEnableVertexAttribArray(vPosition);
        //使能之后，为顶点属性赋值，从VBO里获取 绑定顶点坐标; 注意：最后一个参数如果是 vertexBuffer，那么就没有用到 VBO，那就还是从CPU里取顶点
        GLES20.glVertexAttribPointer(vPosition, 2, GLES20.GL_FLOAT, false, 8, 0);
        //使能片元属性数组，使之有效
        GLES20.glEnableVertexAttribArray(fPosition);
        //使能之后，为片元属性赋值，从VBO里获取 绑定纹理坐标; 注意：最后一个参数为 VBO里的偏移量
        GLES20.glVertexAttribPointer(fPosition, 2, GLES20.GL_FLOAT, false, 8, vertexData.length * 4);

        //退出 VBO的使用
        GLES20.glBindBuffer(GLES20.GL_ARRAY_BUFFER, 0);

        //要开始绘制纹理了，激活纹理 0号， 之所以激活 0号，是因为在没设置点的情况下默认是 0号
        GLES20.glActiveTexture(GLES20.GL_TEXTURE0);
        //绑定 bitmapTexture 到纹理
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, bitmapTexture);
        //绘制
        GLES20.glDrawArrays(GLES20.GL_TRIANGLE_STRIP, 0, 4);
        //解绑 2D纹理，退出对纹理的使用
        GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, 0);
    }

}

效果其实一样，看不太出效果，哈哈哈！

四、OpenGL中VBO与VAO的使用及本质
TechNomad的博客
03-09 1735
本文主要介绍OpenGL中VBO与VAO的使用方法。
OpenGL VBO学习
weixin_41623673的博客
06-22 1003
OpenGL Vertex Buffer Object (VBO) GL_ARB_vertex_buffer_object扩展旨在通过提供顶点数组和显示列表的有点来增强 OpenGL 的性能，同时避免它们实现的缺点。顶点缓冲对象 (VBO) 允许顶点数组数据存储在服务器端的高性能图形内存中，并促进高效的数据传输。如果缓冲区对象用于存储像素数据，则称为像素缓冲区对象（PBO）。 使用顶点数组可以减少函数调用次数和共享顶点的冗余使用。但是，顶点数组的缺点是顶点数组函数处于客户端状态，每次引用数组中的数据都必须重
【OpenGL】--- OpenGL中的VAO、VBO、EBO详解与使用教程
m0_59649626的博客
02-11 1416
OpenGL是一款强大的图形渲染库，用于创建交互式的三维图形应用程序。在OpenGL中，VAO（Vertex Array Object）、VBO（Vertex Buffer Object）、EBO（Element Buffer Object）是三个关键的概念，它们在管理和优化顶点数据方面发挥着重要作用。本文将详细介绍这三者的作用、优势以及如何在OpenGL中使用它们。
OpenGL之VAO，VBO和EBO
u012861978的专栏
06-08 7215
缓冲对象是OpenGL管理的一段内存，为了与我们CPU的内存区分开，一般称OpenGL管理的内存为：显存。显存，也就是显卡里的内存。显卡访问显存比较快，而Buffer Object，就是由OpenGL维护的一块显存区域。比如说在一块显存为2G的显卡里，分配了128K大小的内存区域给OpenGL使用，这个128K大小的内存区域，就叫一个Buffer Object。由于显卡访问显存，比访问内存（CPU里的内存区域）要快很多。而且显卡做运算，一般都是访问显存的数据，然后运算得到结果，并把结果也都保存在显存中。
OpenGL原理与实践——核心模式（一）：VBO、VAO等原理解析及项目初始设置
最不正经的计算机专业学生
11-24 2255
OpenGL原理与实践——核心模式（一）：VBO、VAO等原理解析
最通俗的安卓OpenGL教学系列总结——你学废了吗？
york2017的博客
12-22 896
哈哈哈！真没想到，一天把这个系列的文章写得差不多了，总结一下！ 这个系列的文章一共分了11篇，每一篇都有一个OpenGL的功能点，列举一下就是： 《最通俗的安卓OpenGL教学01——OpenGL的简单使用》 《最通俗的安卓OpenGL教学02——EGL环境搭建》 《最通俗的安卓OpenGL教学03——用纯色清屏》 《最通俗的安卓OpenGL教学04——绘制三角形、四边形、圆形》 《最通俗的安卓OpenGL教学05——绘制图片纹理》 《最通俗的安卓OpenGL教学06——使用VBO》 《最通俗的安卓Open
OpenGL学习笔记——VBO与VAO
九歌的博客
04-03 3064
介绍和学习VBO VAO的概念及使用
【Android OpenGL ES 开发 （四）】纹理相关（一）
用可见的方式来记录和分享每一次收获
11-15 665
纹理贴图的原理 1.作用：可以用来渲染视频。 生成OpenGL中的纹理对象 1.像素数据想要绘制出来需要先变成纹理 2.创建纹理放在GPU上 GLuint CreateTexture2D(unsigned char *pixelData,int width,int height,GLenum type) { GLuint texture; glGenTextures(1,&texture);//创建一个纹理对象 glBindTexture(GL_TEXTURE_2
最通俗的安卓OpenGL教学04——绘制三角形、四边形、圆形
york2017的博客
12-21 2450
OpenGL绘制不同形状需要先掌握OpenGL的坐标系，以及要清除shader的使用，这里我会以绘制三角形、四边形、圆形为例，来介绍OpenGL对形状的绘制 首先我们来了解一下，绘制形状的基本步骤： 创建shader（着色器：顶点或片元） 加载shader源码并编译shader 检查是否编译成功 创建一个渲染程序 将着色器程序添加到渲染程序中 链接源程序 检查链接源程序是否成功 得到着色器中的属性 使用源程序 使顶点属性数组有效 为顶点属性赋值 绘制图形 知道了基本步骤，我们就可以分步来实现。先看下.
最通俗的安卓OpenGL教学08——正交投影、矩阵变换
york2017的博客
12-21 1019
在上几节，我们渲染得到到的图片纹理很明显是被拉升了的，这里我们就要利用正交投影，用矩阵变换来对坐标进行重新计算，使用了正交投影后，不管物体多远多近，物体看起来总是形状、大小相同的。 在OpenGL中要改变顶点坐标的范围，可以用矩形来重新计算，最后再归一化就可以。 正交投影的使用步骤如下： 在顶点着色器中添加矩阵 根据图形宽高和屏幕宽高计算需要显示的范围 使用矩阵进行变换 先看下效果： 1. 在顶点着色器中添加矩阵 attribute vec4 vPosition; attribute vec2.
android 摄像头画面,Android音视频（二）预览摄像头画面
weixin_42510271的博客
05-26 535
利用OpenGL生成纹理并绑定到SurfaceTexture上，然后把Camera的预览数据设置到SurfaceTexture中，OpenGL拿到摄像头数据并显示出来。1. 顶点与片元着色器片元着色器：#extension GL_OES_EGL_image_external:requireprecision mediump float;varying vec2 a_position;uniform...
OpenGL——VAO与VBO
欢迎来到我的博客小天地
05-31 3018
转载自链接: 这里注： VAO和VBO都是用来存储顶点信息的，并把这些信息送入顶点着色器。至于什么是顶点和顶点着色器，这里就不多说了，不了解的读者可自行CSDN。VBO的B为Buffer之意，用来存储顶点数据；VAO的A为Array，但我认为理解为 Attribute(属性) 之意更好，意思是 Buffer(VBO)的属性。即，我们用VBO来存储数据，而用VAO来告诉计算机这些数据分别有什么属性、起什么作用。VBO是 CPU 和 GPU 之间传递信息的桥梁，我们把数据存入VBO(这一步在CPU执行)，然后V
OPenGL 学习笔记之 VBO VAO EBO 概念和使用方法总结
whl0071的专栏
07-11 1891
OPenGL 学习笔记之 VBO VAO EBO 概念和使用方法总结
[OpenGL] VAO、VBO、EBO
weixin_44179561的博客
04-19 5657
一、BO（Buffer Object，缓冲对象） 缓冲对象是OpenGL管理的一段内存，为了与我们CPU的内存区分开，一般称OpenGL管理的内存为：显存。 显存，也就是显卡里的内存。显卡访问显存比较快，而Buffer Object，就是由OpenGL维护的一块显存区域。比如说在一块显存为2G的显卡里，分配了128K大小的内存区域给OpenGL使用，这个128K大小的内存区域，就叫一个Buffer Object。 由于显卡访问显存，比访问内存（CPU里的内存区域）要快很多。而且显卡做运算，一般都是访问显存的
OpenGL中VBO、VAO、EBO的区别以及作用
qq_46489304的博客
08-17 1054
（1）当属性较多，需要绘制的物体较多，这将会非常麻烦，为此VAO就诞生了，它可以将上述的步骤给保存起来，只需设置一遍就足够了，后面每当绘制新的一帧时，只需绑定VAO就行，关系图大致如下。然而有了数据后，这些数据有什么含义，哪些是一组，哪些是一类，着色器并不知道，这就需要我们在程序中指定怎样解释VBO中的数据，将这些数据和着色器中的顶点属性一一对应起来，也就是链接顶点属性。（1）顶点属性可以理解为一个点的所拥有的特征，比如说点的位置、点的纹理、点的颜色等，这些都可以称之为顶点属性。
OpenGL学习日记之VBO、VAO、EBO
qq_36274965的博客
01-10 1028
OpenGL的库是C语言写的，为了方便，OPenGL为我们抽象了一个层，这个层就是把一个状态或者选项包装为一个“对象”，一个对象就是一些选项或者数据的集合，它代表OpenGL状态的一个子集。VAO就像是为了向GPU解释顶点数据，指定VBO数据中的各个属性字段用途，我们把顶点相关数据打包成一个VBO传入显存，供GPU读取，GPU读取到这个数组数据以后，顶点着色器并不知道要如何去使用这些数据，这个时候就需要VAO来解释这些数据，通过指针告诉顶点着色器，第一组数据去哪里取，第二组数据从哪里开始取。
OpenGL缓冲区对象之VBO
Frank的专栏
11-01 7510
Vertex Buffer Object介绍
【OpenGL学习笔记②】——OpenGL基础【渲染管线 顶点着色器 片元着色器 VAO VBO 万字总结】
热门推荐
Wang_Dou_Dou_的博客
09-19 2万+
关键字：OpenGL、顶点着色器、片元着色器(或片段着色器)、着色器程序、链接顶点属性、顶点缓冲对象(VBO)、顶点数组对象(VAO) 、绘制三角形。
【OpenGL】使用OpenGL通过EBO绘制简单矩形
日拱一卒無有盡，功不唐捐終入海
09-30 717
【代码】【EBO】使用OpenGL通过EBO绘制简单矩形。
【Opengl概念01】VBO和VAO到底是个啥关系？
gongdiwudu的专栏
03-15 3588
对于Opengl中的VBO和VAO相信很多人都熟悉这2个名字，但是有时候缺容易混淆2个概念或者说不理解这2个概念的作用是什么。本文对这2个概念做了对比和参照。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值