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)
相关推荐
BUG创建者21 分钟前
openlayer根据不同的状态显示不同的图层颜色
android·java·javascript
用户20187928316735 分钟前
浅谈画框ImageView的background和src属性的差异
android
2501_915909061 小时前
iOS 加固工具实战解析,主流平台审核机制与工具应对策略
android·ios·小程序·https·uni-app·iphone·webview
马 孔 多 在下雨1 小时前
安卓服务与多线程
android
2501_915106323 小时前
iOS WebView 调试实战,第三方脚本加载失败与内容安全策略冲突问题排查指南
android·ios·小程序·https·uni-app·iphone·webview
消失的旧时光-19434 小时前
Android 键盘
android·键盘监听
Jackilina_Stone17 小时前
【faiss】用于高效相似性搜索和聚类的C++库 | 源码详解与编译安装
android·linux·c++·编译·faiss
棒棒AIT18 小时前
mac 苹果电脑 Intel 芯片(Mac X86) 安卓虚拟机 Android模拟器 的救命稻草(下载安装指南)
android·游戏·macos·安卓·mac
fishwheel18 小时前
Android:Reverse 实战 part 2 番外 IDA python
android·python·安全