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)
相关推荐
louisgeek21 小时前
Android Charles Proxy 抓包
android
Exploring1 天前
从零搭建使用 Open-AutoGML 搜索附近的美食
android·人工智能
ask_baidu1 天前
Doris笔记
android·笔记
lc9991021 天前
简洁高效的相机预览
android·linux
hqk1 天前
鸿蒙ArkUI:状态管理、应用结构、路由全解析
android·前端·harmonyos
消失的旧时光-19431 天前
从 C 链表到 Android Looper:MessageQueue 的底层原理一条线讲透
android·数据结构·链表
方白羽1 天前
Android 中Flags从源码到实践
android·app·客户端
深蓝电商API1 天前
从数据采集到商业变现:网络爬虫技术的实战与边界
android·爬虫
恋猫de小郭1 天前
再次紧急修复,Flutter 针对 WebView 无法点击问题增加新的快速修复
android·前端·flutter
李慕婉学姐1 天前
【开题答辩过程】以《基于Android的健康助手APP的设计与实现》为例,不知道这个选题怎么做的,不知道这个选题怎么开题答辩的可以进来看看
android·java·mysql