Android中用GLSurfaceView绘制3D图像

本文首发于公众号“AntDream”，欢迎微信搜索“AntDream”或扫描文章底部二维码关注，和我一起每天进步一点点

GLSurfaceView 是 Android 提供的一个用于 OpenGL ES 绘图的专用视图，它可以用来绘制 2D 和 3D 图形。GLSurfaceView 的使用涉及到 OpenGL ES 的一些核心概念，包括 EGL、GLSurfaceView、GLSurfaceView.Renderer 等。

GLSurfaceView 的基本使用步骤如下：

1. 创建 GLSurfaceView: 在布局文件中添加 GLSurfaceView 控件或在代码中创建它的实例。
2. 设置 Renderer: 创建一个实现了 GLSurfaceView.Renderer 接口的类，该接口包含三个方法：onSurfaceCreated、onSurfaceChanged 和 onDrawFrame。这三个方法分别对应于初始化 OpenGL ES 环境、处理 SurfaceView 大小变化和进行绘制操作。
3. 配置 EGLContext: 可以通过调用 GLSurfaceView 的 setEGLContextClientVersion 方法来设置 OpenGL ES 的版本，例如 2 或 3。
4. 启动渲染: 通过调用 GLSurfaceView 的 setRenderer 方法来启动渲染过程。

绘制 3D 图像的示例代码：

以下是一个使用 GLSurfaceView 绘制简单 3D 图像（例如彩色三角形）的示例：

class MyGLRenderer : GLSurfaceView.Renderer {
    private val triangleCoords = floatArrayOf(
        0.0f, 0.5f, 0.0f, // top
        -0.5f, -0.5f, 0.0f, // bottom left
        0.5f, -0.5f, 0.0f // bottom right
    )
    private val triangleColors = floatArrayOf(
        1.0f, 0.0f, 0.0f, 1.0f, // red
        0.0f, 1.0f, 0.0f, 1.0f, // green
        0.0f, 0.0f, 1.0f, 1.0f // blue
    )
    private val vertexBuffer = FloatBuffer.wrap(triangleCoords)
    private val colorBuffer = FloatBuffer.wrap(triangleColors)

    override fun onSurfaceCreated(gl: GL10, config: EGLConfig) {
        gl.glClearColor(0.0f, 0.0f, 0.0f, 1.0f)
        gl.glEnable(GL10.GL_CULL_FACE)
        gl.glShadeModel(GL10.GL_SMOOTH)
        gl.glEnable(GL10.GL_DEPTH_TEST)
    }

    override fun onSurfaceChanged(gl: GL10, width: Int, height: Int) {
        gl.glViewport(0, 0, width, height)
    }

    override fun onDrawFrame(gl: GL10) {
        gl.glClear(GL10.GL_COLOR_BUFFER_BIT or GL10.GL_DEPTH_BUFFER_BIT)
        gl.glMatrixMode(GL10.GL_MODELVIEW)
        gl.glLoadIdentity()
        gl.glTranslatef(0.0f, 0.0f, -5.0f)
        gl.glRotatef(rotate, 0.0f, 1.0f, 0.0f)

        gl.glEnableClientState(GL10.GL_VERTEX_ARRAY)
        gl.glEnableClientState(GL10.GL_COLOR_ARRAY)
        vertexBuffer.position(0)
        gl.glVertexPointer(3, GL10.GL_FLOAT, 0, vertexBuffer)
        colorBuffer.position(0)
        gl.glColorPointer(4, GL10.GL_FLOAT, 0, colorBuffer)
        gl.glDrawArrays(GL10.GL_TRIANGLES, 0, 3)
        gl.glDisableClientState(GL10.GL_VERTEX_ARRAY)
        gl.glDisableClientState(GL10.GL_COLOR_ARRAY)
    }

    companion object {
        var rotate: Float = 0.0f
    }
}

class MyActivity : AppCompatActivity() {
    private lateinit var glSurfaceView: GLSurfaceView

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        glSurfaceView = GLSurfaceView(this).apply {
            setEGLContextClientVersion(2)
            setRenderer(MyGLRenderer())
            renderMode = GLSurfaceView.RENDERMODE_WHEN_DIRTY
        }
        setContentView(glSurfaceView)
    }

    override fun onResume() {
        super.onResume()
        glSurfaceView.onResume()
    }

    override fun onPause() {
        super.onPause()
        glSurfaceView.onPause()
    }
}

在这个示例中，我们创建了一个 MyGLRenderer 类来实现 GLSurfaceView.Renderer 接口，并在 onDrawFrame 方法中绘制了一个彩色三角形。在 MyActivity 中，我们初始化了 GLSurfaceView 并设置了渲染器。

请注意，这个示例仅用于演示目的，实际的 3D 图像绘制会更复杂，可能涉及到顶点缓冲区、着色器程序、纹理映射等高级 OpenGL ES 特性。

---

欢迎关注我的公众号AntDream查看更多精彩文章！