XML文件

<?xml version="1.0" encoding="utf-8"?>
<com.example.myapplication.MyGLSurfaceViewxmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent" />

自定義GLSurfaceView代碼

class MyGLSurfaceView(context: Context, attrs: AttributeSet) : GLSurfaceView(context, attrs) {private var mRenderer = MyGLRenderer()init {// 設置 OpenGL ES 3.0 版本setEGLContextClientVersion(3)setRenderer(mRenderer)// 設置渲染模式, 僅在需要重新繪制時才進行渲染，以節省資源renderMode = RENDERMODE_WHEN_DIRTY}
}

自定義GLSurfaceView.Renderer代碼

class MyGLRenderer : GLSurfaceView.Renderer {private var mDrawData: DrawData? = nulloverride fun onSurfaceCreated(gl: GL10?, config: EGLConfig?) {// 當 Surface 創建時調用, 進行 OpenGL ES 環境的初始化操作, 設置清屏顏色為青藍色 (Red=0, Green=0.5, Blue=0.5, Alpha=1)GLES30.glClearColor(0.0f, 0.5f, 0.5f, 1.0f)mDrawData = DrawData().apply {initVertexBuffer()initShader()}}override fun onSurfaceChanged(gl: GL10?, width: Int, height: Int) {// 當 Surface 尺寸發生變化時調用，例如設備的屏幕方向發生改變, 設置視口為新的尺寸，視口是指渲染區域的大小GLES30.glViewport(0, 0, width, height)mDrawData?.computeMVPMatrix(width.toFloat(), height.toFloat())}override fun onDrawFrame(gl: GL10?) {// 每一幀繪制時調用, 清除顏色緩沖區GLES30.glClear(GLES30.GL_COLOR_BUFFER_BIT)mDrawData?.drawSomething()}
}

GLSurfaceView.Renderer需要的繪制數據

class DrawData {private var mProgram : Int = -1private var NO_OFFSET = 0private var VERTEX_POS_DATA_SIZE = 3// 最終變化矩陣private val mMVPMatrix = FloatArray(16)// 投影矩陣private val mProjectionMatrix = FloatArray(16)// 相機矩陣private val mViewMatrix = FloatArray(16)private var mViewPortRatio = 1f// 1. 準備頂點數據val vertex = 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, // 右下)val vertexBuffer = ByteBuffer.allocateDirect(vertex.size * 4) // 分配直接內存.order(ByteOrder.nativeOrder()) // 使用小端, 即低地址存放低位數據, 高地址存放高位數據.asFloatBuffer()// 2. 創建頂點緩沖區對象(Vertex Buffer Object, VBO), 并上傳頂點數據到緩沖區對象中fun initVertexBuffer(){vertexBuffer.put(vertex) // 將頂點數據放入 FloatBuffervertexBuffer.position(0) // 在將數據放入緩沖區后，位置指針會指向緩沖區的末尾。重置位置指針為 0，使得在后續操作中可以從緩沖區的開始位置讀取數據val vbo = IntArray(1)GLES30.glGenBuffers(1, vbo, 0) // 生成一個緩沖區對象ID，并存儲在數組 vbo 中，存放位置為0GLES30.glBindBuffer(GLES30.GL_ARRAY_BUFFER, vbo[0]) // 綁定生成的頂點緩沖區對象，使其成為當前緩沖區操作的目標GLES30.glBufferData(GLES30.GL_ARRAY_BUFFER,vertex.size * 4, // 數據總字節數 = 頂點數 * Float占4字節vertexBuffer,GLES30.GL_STATIC_DRAW)}// 3. 初始化著色器程序fun initShader()  {val vertexShaderCode = """#version 300 eslayout (location = 0) in vec4 aPosition;uniform mat4 uMVPMatrix; // 新增投影矩陣void main() {gl_Position = uMVPMatrix * aPosition; // 應用投影變換}""".trimIndent()       // 頂點著色器代碼val fragmentShaderCode = """#version 300 esprecision mediump float;uniform vec4 vColor;out vec4 fragColor;void main() {fragColor = vColor;}""".trimIndent()         // 片段著色器代碼// 加載頂點著色器和片段著色器, 并創建著色器程序val vertexShader = LoadShaderUtil.loadShader(GLES30.GL_VERTEX_SHADER, vertexShaderCode)val fragmentShader = LoadShaderUtil.loadShader(GLES30.GL_FRAGMENT_SHADER, fragmentShaderCode)mProgram = GLES30.glCreateProgram()GLES30.glAttachShader(mProgram, vertexShader)GLES30.glAttachShader(mProgram, fragmentShader)GLES30.glLinkProgram(mProgram)GLES30.glUseProgram(mProgram)}// 4. 計算變換矩陣fun computeMVPMatrix(width: Float, height: Float) {// 正交投影矩陣takeIf { width > height }?.let {mViewPortRatio = width / heightMatrix.orthoM(mProjectionMatrix, // 透視投影矩陣NO_OFFSET, // 偏移量-mViewPortRatio, // 近平面的坐標系左邊界mViewPortRatio, // 近平面的坐標系右邊界-1f, // 近平面的坐標系的下邊界1f, // 近平面坐標系的上邊界0f, // 近平面距離相機距離1f // 遠平面距離相機距離)} ?: run {mViewPortRatio = height / widthMatrix.orthoM(mProjectionMatrix, // 透視投影矩陣NO_OFFSET, // 偏移量-1f, // 近平面坐標系左邊界1f, // 近平面坐標系右邊界-mViewPortRatio, // 近平面坐標系下邊界mViewPortRatio, // 近平面坐標系上邊界0f, // 近平面距離相機距離1f // 遠平面距離相機距離)}// 設置相機矩陣// 相機位置(0f, 0f, 1f)// 物體位置(0f, 0f, 0f)// 相機方向(0f, 1f, 0f)Matrix.setLookAtM(mViewMatrix, // 相機矩陣NO_OFFSET, // 偏移量0f, // 相機位置x0f, // 相機位置y1f, // 相機位置z0f, // 物體位置x0f, // 物體位置y0f, // 物體位置z0f, // 相機上方向x1f, // 相機上方向y0f // 相機上方向z)// 最終變化矩陣Matrix.multiplyMM(mMVPMatrix, // 最終變化矩陣NO_OFFSET, // 偏移量mProjectionMatrix, // 投影矩陣NO_OFFSET, // 投影矩陣偏移量mViewMatrix, // 相機矩陣NO_OFFSET // 相機矩陣偏移量)val matrixHandler = GLES30.glGetUniformLocation(mProgram, "uMVPMatrix")GLES30.glUniformMatrix4fv(matrixHandler, 1, false, mMVPMatrix, NO_OFFSET)}// 5. 使用著色器程序繪制圖形fun drawSomething(){GLES30.glLineWidth(50.0f)// 獲取頂點數據的位置, 并使用該位置的數據val positionHandle = GLES30.glGetAttribLocation(mProgram, "aPosition")GLES30.glEnableVertexAttribArray(positionHandle)GLES30.glVertexAttribPointer(positionHandle, VERTEX_POS_DATA_SIZE, GLES30.GL_FLOAT, false, 0, 0)// 設置片段著色器的顏色val colorHandle = GLES30.glGetUniformLocation(mProgram, "vColor")GLES30.glUniform4f(colorHandle, 1.0f, 0.5f, 0.5f, 1.0f) // 紅色// 繪制圖形GLES30.glDrawArrays(GLES30.GL_POINTS, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)GLES30.glDisableVertexAttribArray(positionHandle)}
}object LoadShaderUtil{// 創建著色器對象fun loadShader(type: Int, source: String): Int {val shader = GLES30.glCreateShader(type)GLES30.glShaderSource(shader, source)GLES30.glCompileShader(shader)return shader}
}

繪制點、線、三角形、正方形、圓

繪制點GLES30.GL_POINTS

// 1. 準備頂點數據
val vertex = 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, // 右下
)GLES30.glDrawArrays(GLES30.GL_POINTS, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

繪制線

兩個點繪制一條線間隔繪制GLES30.GL_LINES

• 繪制順序：將傳入的坐標作為單獨線條繪制，ABCDEFG六個頂點，繪制AB、CD、EF三條線

// 1. 準備頂點數據
val vertex = 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, // 右下
)
GLES30.glLineWidth(30f)
GLES30.glDrawArrays(GLES30.GL_LINES, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

兩個點繪制一條線連續繪制GLES30.GL_LINE_STRIP

• 繪制順序：將傳入的頂點作為折線繪制，ABCD四個頂點，繪制AB、BC、CD三條線

// 1. 準備頂點數據
val vertex = 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, // 右下
)
GLES30.glLineWidth(30f)
GLES30.glDrawArrays(GLES30.GL_LINE_STRIP, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

兩個點繪制一條線循環繪制GLES30.GL_LINE_LOOP

• 繪制順序：將傳入的頂點作為閉合折線繪制，ABCD四個頂點，繪制AB、BC、CD、DA四條線

// 1. 準備頂點數據
val vertex = 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, // 右下
)
GLES30.glLineWidth(30f)
GLES30.glDrawArrays(GLES30.GL_LINE_LOOP, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

繪制三角形

三個點繪制一條線間隔繪制GLES30.GL_TRIANGLES

• 繪制順序：將傳入的頂點作為單獨的三角形繪制，ABCDEF繪制ABC,DEF兩個三角形

// 1. 準備頂點數據
val vertex = 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, // 右下
)
GLES30.glDrawArrays(GLES30.GL_TRIANGLES, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

繪制正方形

三個點繪制一條線連續繪制GLES30.GL_TRIANGLE_STRIP

• 繪制順序：將傳入的頂點作為三角條帶繪制，ABCDEF繪制ABC,BCD,CDE,DEF四個三角形

// 1. 準備頂點數據
val vertex = 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, // 右下
)
GLES30.glDrawArrays(GLES30.GL_TRIANGLE_STRIP, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖
  

繪制圓

三個點繪制一條線連續繪制GLES30.GL_TRIANGLE_FAN

• 繪制順序：將傳入的頂點作為扇面繪制，ABCDEF繪制ABC、ACD、ADE、AEF四個三角形

// 1. 準備頂點數據
val vertex = run {val radius = 0.5fval segments = 36 // 分段數（越多越圓滑）val angleStep = (2 * PI / segments).toFloat()val vertices = mutableListOf<Float>()// 中心點vertices.add(0f)vertices.add(0f)vertices.add(0f)// 圓周上的點for (i in 0..segments) {val angle = i * angleStepvertices.add(radius * cos(angle))vertices.add(radius * sin(angle))vertices.add(0f)}vertices.toFloatArray()
}
GLES30.glDrawArrays(GLES30.GL_TRIANGLE_FAN, NO_OFFSET, vertex.size / VERTEX_POS_DATA_SIZE)

• 效果圖