面試中常常被問到的 OpenGL ES 對象，你知道的有哪些？

VBO 和 EBO

VBO（Vertex Buffer Object）是指頂點緩衝區對象，而 EBO（Element Buffer Object）是指圖元索引緩衝區對象，VBO 和 EBO 其實是對同一類 Buffer 按照用途的不一樣稱呼。web

OpenGL ES 2.0 編程中，用於繪製的頂點數組數據首先保存在 CPU 內存，在調用 glDrawArrays 或者 glDrawElements 等進行繪製時，須要將頂點數組數據從 CPU 內存拷貝到顯存。面試

可是不少時候咱們不必每次繪製的時候都去進行內存拷貝，若是能夠在顯存中緩存這些數據，就能夠在很大程度上下降內存拷貝帶來的開銷。編程

OpenGL ES 3.0 編程中， VBO 和 EBO 的出現就是爲了解決這個問題。數組

VBO 和 EBO 的做用是在顯存中提早開闢好一塊內存，用於緩存頂點數據或者圖元索引數據，從而避免每次繪製時的 CPU 與 GPU 之間的內存拷貝，能夠改進渲染性能，下降內存帶寬和功耗。
緩存

OpenGL ES 3.0 支持兩類緩衝區對象：頂點數組緩衝區對象、圖元索引緩衝區對象。微信

GL_ARRAY_BUFFER 標誌指定的緩衝區對象用於保存頂點數組，GL_ELEMENT_ARRAY_BUFFER 標誌指定的緩存區對象用於保存圖元索引。數據結構

VBO（EBO）的建立和更新：app

// 建立 2 個 VBO（EBO 實際上跟 VBO 同樣，只是按照用途的另外一種稱呼）
glGenBuffers(2, m_VboIds);

// 綁定第一個 VBO，拷貝頂點數組到顯存
glBindBuffer(GL_ARRAY_BUFFER, m_VboIds[0]);
glBufferData(GL_ARRAY_BUFFER, sizeof(vertices), vertices, GL_STATIC_DRAW);

// 綁定第二個 VBO（EBO），拷貝圖元索引數據到顯存
glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, m_VboIds[1]);
glBufferData(GL_ELEMENT_ARRAY_BUFFER, sizeof(indices), indices, GL_STATIC_DRAW);

GL_STATIC_DRAW 標誌標識緩衝區對象數據被修改一次，使用屢次，用於繪製。異步

本例中頂點着色器和片斷着色器增長 color 屬性：編輯器

//頂點着色器
#version 300 es                            
layout(location = 0) in vec4 a_position;   // 位置變量的屬性位置值爲 0 
layout(location = 1) in vec3 a_color;      // 顏色變量的屬性位置值爲 1
out vec3 v_color;                          // 向片斷着色器輸出一個顏色                          
void main()                                
{                                          
    v_color = a_color;                     
    gl_Position = a_position;              
};

//片斷着色器
#version 300 es
precision mediump float;
in vec3 v_color;
out vec4 o_fragColor;
void main()
{
    o_fragColor = vec4(v_color, 1.0);
}

頂點數組數據和圖元索引數據：

// 4 vertices, with(x,y,z) ,(r, g, b, a) per-vertex
GLfloat vertices[] =
        {
                -0.5f,  0.5f, 0.0f,       // v0
                1.0f,  0.0f, 0.0f,        // c0
                -0.5f, -0.5f, 0.0f,       // v1
                0.0f,  1.0f, 0.0f,        // c1
                0.5f, -0.5f, 0.0f,        // v2
                0.0f,  0.0f, 1.0f,        // c2
                0.5f,  0.5f, 0.0f,        // v3
                0.5f,  1.0f, 1.0f,        // c3
        };
// Index buffer data
GLushort indices[6] = { 0, 1, 2, 0, 2, 3};

因爲頂點位置和顏色數據在同一個數組裏，一塊兒更新到 VBO 裏面，因此須要知道 2 個屬性的步長和偏移量。

爲得到數據隊列中下一個屬性值（好比位置向量的下個 3 維份量）咱們必須向右移動 6 個 float ，其中 3 個是位置值，另外 3 個是顏色值，那麼步長就是 6 乘以 float 的字節數（= 24 字節）。

一樣，也須要指定頂點位置屬性和顏色屬性在 VBO 內存中的偏移量。

對於每一個頂點來講，位置頂點屬性在前，因此它的偏移量是 0 。而顏色屬性緊隨位置數據以後，因此偏移量就是 3 * sizeof(GLfloat) ，用字節來計算就是 12 字節。

使用 VBO 和 EBO 進行繪製。

glUseProgram(m_ProgramObj);

//不使用 VBO 的繪製
glEnableVertexAttribArray(0);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), vertices);

glEnableVertexAttribArray(1);
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), (vertices + 3));

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_SHORT, indices);

//使用 VBO 的繪製
glBindBuffer(GL_ARRAY_BUFFER, m_VboIds[0]);
glEnableVertexAttribArray(0);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), (const void *)0);
glEnableVertexAttribArray(1);
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), (const void *)(3 *sizeof(GLfloat)));

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, m_VboIds[1]);

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_SHORT, (const void *)0);

VAO

VAO（Vertex Array Object）是指頂點數組對象，主要用於管理 VBO 或 EBO ，減小 glBindBuffer 、glEnableVertexAttribArray、 glVertexAttribPointer 這些調用操做，高效地實如今頂點數組配置之間切換。

基於上小節的例子建立 VAO ：

// 建立並綁定 VAO
glGenVertexArrays(1, &m_VaoId);
glBindVertexArray(m_VaoId);

// 在綁定 VAO 以後，操做 VBO ，當前 VAO 會記錄 VBO 的操做
glBindBuffer(GL_ARRAY_BUFFER, m_VboIds[0]);
glEnableVertexAttribArray(0);
glVertexAttribPointer(0, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), (const void *)0);
glEnableVertexAttribArray(1);
glVertexAttribPointer(1, 3, GL_FLOAT, GL_FALSE, (3+3)*sizeof(GLfloat), (const void *)(3 *sizeof(GLfloat)));

glBindBuffer(GL_ELEMENT_ARRAY_BUFFER, m_VboIds[1]);


glBindVertexArray(GL_NONE);

使用 VAO 進行繪製：

// 是否是精簡了不少？
glUseProgram(m_ProgramObj);

glBindVertexArray(m_VaoId);

glDrawElements(GL_TRIANGLES, 6, GL_UNSIGNED_SHORT, (const void *)0)

本文分享自微信公衆號 - 字節流動（google_developer）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。

面試中常常被問到的 OpenGL ES 對象，你知道的有哪些？

VBO 和 EBO

UBO

TBO