OpenGL ES->GLSurfaceView进行点、线段、三角形等基本图元的绘制

GLSurfaceView代码见OpenGL ES->顶点着色器和片段着色器代码,只修改顶点数组,片段着色器的颜色,和绘制方式进行不同图元绘制

绘制点

  • GL_POINTS方式
kotlin 复制代码
// 顶点数据
val vertices = floatArrayOf(
    0.8f, -0.8f, 0.0f,
    -0.8f, -0.8f, 0.0f,
    0.0f, 0.8f, 0.0f,
)

// 顶点着色器代码
val vertexShaderCode = """#version 300 es
                        layout (location = 0) in vec4 aPosition;
                        
                        void main() {
                          gl_Position = aPosition;
                          
                        }""".trimIndent()
                        
// 片段着色器代码
val fragmentShaderCode = """#version 300 es
        precision mediump float;
        uniform vec4 vColor;
        out vec4 fragColor;
        
        void main() {
          fragColor = vColor;
        }""".trimIndent()

// 获得顶点数据
val positionHandle = GLES30.glGetAttribLocation(program, "aPosition")
GLES30.glEnableVertexAttribArray(positionHandle)
GLES30.glVertexAttribPointer(positionHandle, 3, GLES30.GL_FLOAT, false, 0, 0)

// 设置片段着色器的颜色
val colorHandle = GLES30.glGetUniformLocation(program, "vColor")
GLES30.glUniform4f(colorHandle, 1.0f,0.5f,0.5f,1.0f)
// 绘制
GLES30.glDrawArrays(GL_POINTS, 0, 3)

// 禁用顶点数据
GLES30.glDisableVertexAttribArray(positionHandle)

绘制线段

  • GL_LINES方式
kotlin 复制代码
// 顶点数据
val 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,
)

// 顶点着色器代码
val vertexShaderCode = """#version 300 es
                        layout (location = 0) in vec4 aPosition;
                        
                        void main() {
                          gl_Position = aPosition;
                          
                        }""".trimIndent()
                        
// 片段着色器代码
val fragmentShaderCode = """#version 300 es
        precision mediump float;
        uniform vec4 vColor;
        out vec4 fragColor;
        
        void main() {
          fragColor = vColor;
        }""".trimIndent()

// 获得顶点数据
val positionHandle = GLES30.glGetAttribLocation(program, "aPosition")
GLES30.glEnableVertexAttribArray(positionHandle)
GLES30.glVertexAttribPointer(positionHandle, 3, GLES30.GL_FLOAT, false, 0, 0)

// 设置片段着色器的颜色
val colorHandle = GLES30.glGetUniformLocation(program, "vColor")
GLES30.glUniform4f(colorHandle, 1.0f,0.5f,0.5f,1.0f)
GLES30.glLineWidth(20f) // 设置线条宽度,否则看不到线条
// 绘制
GLES30.glDrawArrays(GL_LINES, 0, 4)

// 禁用顶点数据
GLES30.glDisableVertexAttribArray(positionHandle)
  • GL_LINE_STRIP方式
kotlin 复制代码
// 顶点数据
val 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,
)

// 顶点着色器代码
val vertexShaderCode = """#version 300 es
                        layout (location = 0) in vec4 aPosition;
                        
                        void main() {
                          gl_Position = aPosition;
                          
                        }""".trimIndent()
                        
// 片段着色器代码
val fragmentShaderCode = """#version 300 es
        precision mediump float;
        uniform vec4 vColor;
        out vec4 fragColor;
        
        void main() {
          fragColor = vColor;
        }""".trimIndent()

// 获得顶点数据
val positionHandle = GLES30.glGetAttribLocation(program, "aPosition")
GLES30.glEnableVertexAttribArray(positionHandle)
GLES30.glVertexAttribPointer(positionHandle, 3, GLES30.GL_FLOAT, false, 0, 0)

// 设置片段着色器的颜色
val colorHandle = GLES30.glGetUniformLocation(program, "vColor")
GLES30.glUniform4f(colorHandle, 1.0f,0.5f,0.5f,1.0f)
GLES30.glLineWidth(20f) // 设置线条宽度,否则看不到线条
// 绘制
GLES30.glDrawArrays(GL_LINE_STRIP, 0, 4)

// 禁用顶点数据
GLES30.glDisableVertexAttribArray(positionHandle)
  • GL_LINE_LOOP方式
kotlin 复制代码
// 顶点数据
val 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,
)

// 顶点着色器代码
val vertexShaderCode = """#version 300 es
                        layout (location = 0) in vec4 aPosition;
                        
                        void main() {
                          gl_Position = aPosition;
                          
                        }""".trimIndent()
                        
// 片段着色器代码
val fragmentShaderCode = """#version 300 es
        precision mediump float;
        uniform vec4 vColor;
        out vec4 fragColor;
        
        void main() {
          fragColor = vColor;
        }""".trimIndent()

// 获得顶点数据
val positionHandle = GLES30.glGetAttribLocation(program, "aPosition")
GLES30.glEnableVertexAttribArray(positionHandle)
GLES30.glVertexAttribPointer(positionHandle, 3, GLES30.GL_FLOAT, false, 0, 0)

// 设置片段着色器的颜色
val colorHandle = GLES30.glGetUniformLocation(program, "vColor")
GLES30.glUniform4f(colorHandle, 1.0f,0.5f,0.5f,1.0f)
GLES30.glLineWidth(20f) // 设置线条宽度,否则看不到线条
// 绘制
GLES30.glDrawArrays(GL_LINE_LOOP, 0, 4)

// 禁用顶点数据
GLES30.glDisableVertexAttribArray(positionHandle)

绘制三角形

  • GL_TRIANGLES方式
kotlin 复制代码
// 顶点数据
val vertices = floatArrayOf(
      0.5f, 0f, 0.0f,
      0f, 0.5f, 0.0f,
     -0.5f, 0f, 0.0f,

     -0.6f, 0f, 0.0f,
     0f, -0.6f, 0.0f,
     0.6f, 0f, 0.0f,
)

// 顶点着色器代码
val vertexShaderCode = """#version 300 es
                        layout (location = 0) in vec4 aPosition;
                        
                        void main() {
                          gl_Position = aPosition;
                          
                        }""".trimIndent()
                        
// 片段着色器代码
val fragmentShaderCode = """#version 300 es
        precision mediump float;
        uniform vec4 vColor;
        out vec4 fragColor;
        
        void main() {
          fragColor = vColor;
        }""".trimIndent()

// 获得顶点数据
val positionHandle = GLES30.glGetAttribLocation(program, "aPosition")
GLES30.glEnableVertexAttribArray(positionHandle)
GLES30.glVertexAttribPointer(positionHandle, 3, GLES30.GL_FLOAT, false, 0, 0)

// 设置片段着色器的颜色
val colorHandle = GLES30.glGetUniformLocation(program, "vColor")
GLES30.glUniform4f(colorHandle, 1.0f,0.5f,0.5f,1.0f)
GLES30.glLineWidth(20f) // 设置线条宽度,否则看不到线条
// 绘制
GLES30.glDrawArrays(GL_TRIANGLES, 0, 6)

// 禁用顶点数据
GLES30.glDisableVertexAttribArray(positionHandle)
相关推荐
逐光老顽童16 小时前
Java 与 Kotlin 混合开发避坑指南:30 个真实案例实录
android·kotlin
爱勇宝1 天前
鸿蒙生态的下半场:开发者不只要能开发,还要能赚钱
android·前端·程序员
Yeyu1 天前
刷新一帧的艺术:invalidate / postInvalidate / postInvalidateOnAnimation全解析
android
潘潘潘1 天前
Android OTA 升级原理和流程介绍
android
plainGeekDev2 天前
null 判断 → Kotlin 可空类型
android·java·kotlin
plainGeekDev2 天前
getter/setter → Kotlin 属性
android·java·kotlin
Junerver2 天前
我写了一个 Compose Multiplatform 组件库,你可能会用到
kotlin·android jetpack
YXL1111YXL2 天前
Handler 消息回收与协程异步执行的时序陷阱
android
恋猫de小郭2 天前
KMP / CMP 鸿蒙版本 Beta 发布,他有什么特别之处?
android·前端·flutter
三少爷的鞋2 天前
Android 协程并发控制:别动线程池,控制好并发语义就够了
android