Android GLSurfaceView绘制3D图像

2024-09-19 19:26:15 浏览数 (3)

心里种花,人生才不会荒芜,如果你也想一起成长,请点个关注吧。

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 图像(例如彩色三角形)的示例:

代码语言:javascript复制
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 特性。

PS:这篇文章是应读者留言写的,我自己研究不深。OpenGL还是有点复杂,学了一阵子以后,没有再深入(给自己贴金了

实际上是从入门到放弃了)

END

点赞转发,让精彩不停歇!关注我们,评论区见,一起期待下期的深度好文!

0 人点赞