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)
相关推荐
Meteors.1 小时前
Android约束布局(ConstraintLayout)常用属性
android
alexhilton1 小时前
玩转Shader之学会如何变形画布
android·kotlin·android jetpack
whysqwhw6 小时前
安卓图片性能优化技巧
android
风往哪边走6 小时前
自定义底部筛选弹框
android
Yyyy4827 小时前
MyCAT基础概念
android
Android轮子哥7 小时前
尝试解决 Android 适配最后一公里
android
雨白8 小时前
OkHttp 源码解析:enqueue 非同步流程与 Dispatcher 调度
android
风往哪边走9 小时前
自定义仿日历组件弹框
android
没有了遇见9 小时前
Android 外接 U 盘开发实战:从权限到文件复制
android
Monkey-旭10 小时前
Android 文件存储机制全解析
android·文件存储·kolin