在前面的三角形的基礎上繪制矩形就簡單很多了杈抢，改下頂點坐標就可以繪制出來，這里有兩種繪制方式仑性。
第一種繪制方式
class RectangleRender : GLSurfaceView.Renderer {
private val vao = IntArray(1)
private val vbo = IntArray(1)
private val ebo = IntArray(1)
private var esShader = Shader()
private var vertices = floatArrayOf(
0.5f, 0.5f, 0.0f, // 右上角
0.5f, -0.5f, 0.0f, // 右下角
-0.5f, -0.5f, 0.0f, // 左下角
-0.5f, 0.5f, 0.0f // 左上角
)
private var indices = shortArrayOf(
0, 1, 3, // 第一個三角形
1, 2, 3 // 第二個三角形
)
override fun onSurfaceCreated(gl: GL10?, config: EGLConfig?) {
GLES30.glClearColor(0.2f, 0.3f, 0.3f, 1.0f)
//vao
GLES30.glGenVertexArrays(1, vao, 0)
GLES30.glBindVertexArray(vao[0])
//vbo
GLES30.glGenBuffers(1, vbo, 0)
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vbo[0])
val vertexBuffer = DataUtil.createByteBuffer(vertices)
//復制數(shù)據(jù)到opengl
GLES30.glBufferData(
//頂點緩沖對象當前綁定到GL_ARRAY_BUFFER目標上
GLES30.GL_ARRAY_BUFFER,
//指定傳輸數(shù)據(jù)的大小(以字節(jié)為單位)
vertices.size * DataUtil.sizeof(GLES30.GL_FLOAT),
//發(fā)送的實際數(shù)據(jù)
vertexBuffer,
//GL_STATIC_DRAW ：數(shù)據(jù)不會或幾乎不會改變惶楼。
//GL_DYNAMIC_DRAW：數(shù)據(jù)會被改變很多。
//GL_STREAM_DRAW ：數(shù)據(jù)每次繪制時都會改變
GLES30.GL_STATIC_DRAW
)
//設置頂點數(shù)組指針
GLES30.glVertexAttribPointer(
//shader中 layout(location = 0)的值
0,
//頂點屬性的大小诊杆。頂點屬性是一個vec3歼捐，它由3個值組成，所以大小是3
3,
//數(shù)據(jù)的類型
GLES30.GL_FLOAT,
//GL_TRUE刽辙，數(shù)據(jù)被標準化窥岩，所有數(shù)據(jù)都會被映射到0（對于有符號型signed數(shù)據(jù)是-1）到1之間甲献。我們把它設置為GL_FALSE
false,
//步長宰缤，它告訴我們在連續(xù)的頂點屬性組之間的間隔 字節(jié)單位
3 * DataUtil.sizeof(GLES30.GL_FLOAT),
//數(shù)據(jù)偏移量 這里只有頂點 位置數(shù)據(jù)在數(shù)組的開頭，所以這里是0
0
)
GLES30.glEnableVertexAttribArray(0)
//vbo end
//vao end
//ebo start
GLES30.glGenBuffers(1, ebo, 0)
GLES30.glBindBuffer(GLES30.GL_ELEMENT_ARRAY_BUFFER, ebo[0])
val indexBuffer = DataUtil.createByteBuffer(indices)
//復制數(shù)據(jù)到opengl
GLES30.glBufferData(
//頂點緩沖對象當前綁定到GL_ELEMENT_ARRAY_BUFFER目標上
GLES30.GL_ELEMENT_ARRAY_BUFFER,
//指定傳輸數(shù)據(jù)的大小(以字節(jié)為單位)
indices.size * DataUtil.sizeof(GLES30.GL_SHORT),
//發(fā)送的實際數(shù)據(jù)
indexBuffer,
//GL_STATIC_DRAW ：數(shù)據(jù)不會或幾乎不會改變晃洒。
//GL_DYNAMIC_DRAW：數(shù)據(jù)會被改變很多慨灭。
//GL_STREAM_DRAW ：數(shù)據(jù)每次繪制時都會改變
GLES30.GL_STATIC_DRAW
)
//ebo end
//shader
esShader.loadProgramFromAsset(MyApp.context, "triangle_vert.glsl", "triangle_frag.glsl")
}
override fun onSurfaceChanged(gl: GL10?, width: Int, height: Int) {
GLES30.glViewport(0, 0, width, height)
}
override fun onDrawFrame(gl: GL10?) {
GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT)
esShader.use()
GLES30.glBindVertexArray(vao[0])
GLES30.glDrawElements(
//圖元的類型
GLES30.GL_TRIANGLES,
//定點個數(shù)
6,
//定點數(shù)據(jù)類型
GLES30.GL_UNSIGNED_SHORT,
//頂點偏移量
0
)
}
}
這里跟繪制三角形有區(qū)別的地方是使用了索引來繪制，創(chuàng)建索引跟創(chuàng)建vbo是一樣的球及⊙踔瑁看代碼里面的注釋。
繪制時使用
GLES30.glDrawElements(
//圖元的類型
GLES30.GL_TRIANGLES,
//定點個數(shù)
6,
//定點數(shù)據(jù)類型
GLES30.GL_UNSIGNED_SHORT,
//頂點偏移量
0
)
這樣可以節(jié)省頂點數(shù)據(jù)吃引。
第二種繪制方式
這種就是定義6個頂點筹陵，繪制兩個三角形
class RectangleRender2 : GLSurfaceView.Renderer {
private val vao = IntArray(1)
private val vbo = IntArray(1)
private var esShader = Shader()
private var vertices = floatArrayOf(
-0.5f, 0.5f, 0.0f,
-0.5f, -0.5f, 0.0f,
0.5f, -0.5f, 0.0f,
// second triangle
-0.5f, 0.5f, 0.0f,
0.5f, 0.5f, 0.0f,
0.5f, -0.5f, 0.0f
)
override fun onSurfaceCreated(gl: GL10?, config: EGLConfig?) {
GLES30.glClearColor(0.2f, 0.3f, 0.3f, 1.0f)
//vao
GLES30.glGenVertexArrays(1, vao, 0)
GLES30.glBindVertexArray(vao[0])
//vbo
GLES30.glGenBuffers(1, vbo, 0)
GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vbo[0])
val vertexBuffer = DataUtil.createByteBuffer(vertices)
//復制數(shù)據(jù)到opengl
GLES30.glBufferData(
//頂點緩沖對象當前綁定到GL_ARRAY_BUFFER目標上
GLES30.GL_ARRAY_BUFFER,
//指定傳輸數(shù)據(jù)的大小(以字節(jié)為單位)
vertices.size * DataUtil.sizeof(GLES30.GL_FLOAT),
//發(fā)送的實際數(shù)據(jù)
vertexBuffer,
//GL_STATIC_DRAW ：數(shù)據(jù)不會或幾乎不會改變。
//GL_DYNAMIC_DRAW：數(shù)據(jù)會被改變很多镊尺。
//GL_STREAM_DRAW ：數(shù)據(jù)每次繪制時都會改變
GLES30.GL_STATIC_DRAW
)
//設置頂點數(shù)組指針
GLES30.glVertexAttribPointer(
//shader中 layout(location = 0)的值
0,
//頂點屬性的大小朦佩。頂點屬性是一個vec3，它由3個值組成庐氮，所以大小是3
3,
//數(shù)據(jù)的類型
GLES30.GL_FLOAT,
//GL_TRUE语稠，數(shù)據(jù)被標準化，所有數(shù)據(jù)都會被映射到0（對于有符號型signed數(shù)據(jù)是-1）到1之間弄砍。我們把它設置為GL_FALSE
false,
//步長仙畦，它告訴我們在連續(xù)的頂點屬性組之間的間隔 字節(jié)單位
3 * DataUtil.sizeof(GLES30.GL_FLOAT),
//數(shù)據(jù)偏移量 這里只有頂點 位置數(shù)據(jù)在數(shù)組的開頭，所以這里是0
0
)
GLES30.glEnableVertexAttribArray(0)
//vbo end
//vao end
//shader
esShader.loadProgramFromAsset(MyApp.context, "triangle_vert.glsl", "triangle_frag.glsl")
}
override fun onSurfaceChanged(gl: GL10?, width: Int, height: Int) {
GLES30.glViewport(0, 0, width, height)
}
override fun onDrawFrame(gl: GL10?) {
GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT)
esShader.use()
GLES30.glBindVertexArray(vao[0])
GLES30.glDrawArrays(GLES30.GL_TRIANGLES, 0, 6)
}
}
代碼比較簡單音婶、也有注釋慨畸，就這樣了。
