从零开始OpenGL ES 使用(二) 绘制三角形

最新推荐文章于 2022-09-07 10:27:45 发布

六道对穿肠

最新推荐文章于 2022-09-07 10:27:45 发布

阅读量416

点赞数

分类专栏： # 顺序01_OpenGL 文章标签： OpenGL

本文链接：https://blog.csdn.net/liudao7994/article/details/84108783

版权

顺序01_OpenGL 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

OpenGLDemo

文章目录

OpenGLDemo
概念:

概念:

在OpenGL中顶点坐标系

不管在什么屏幕或者设备都会映射到这个坐标系上
比如想绘制上半区域那就从左边的-1 到右边的 1 从0.0 到1.0

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-j9TDtVyK-1603356371522)(//ws3.sinaimg.cn/large/958c5b69ly1fx8peigm2cj20ns0nuwhe.jpg)]

更加详细的可以看这个文章

https://blog.csdn.net/tom_221x/article/details/38454753

在 OpenGL 里有两个最基本的概念：Vertex 和 Fragment。一切图形都从 Vertix 开始，Vertix 序列围成了一个图形。

那什么是 Fragment 呢？为此我们需要了解一下光栅化（Rasterization）：光栅化是把点、线、三角形映射到屏幕上的像素点的过程（每个映射区域叫一个 Fragment），也就是生成 Fragment 的过程。通常一个 Fragment 对应于屏幕上的一个像素，但高分辨率的屏幕可能会用多个像素点映射到一个 Fragment，以减少 GPU 的工作。

绘制范围

绘制坐标范围

float[] vertexData = {
        -1f, 0.0f,
        0.0f, 1.0f,
        1.0f, 0.0f
    };

绘制上半部分就用上面的数组

为坐标分配本地内存地址

FloatBuffer vertexBuffer;
    vertexBuffer = ByteBuffer.allocateDirect(vertexData.length * 4)
                .order(ByteOrder.nativeOrder())
                .asFloatBuffer()
                .put(vertexData);
    vertexBuffer.position(0);

分析:

vertexData.length * 4 是内存的长度因为是float 类型 4字节所以乘以4
order(ByteOrder.nativeOrder()) 对齐方式.在内存当中是以打断对其还是小端对齐
asFloatBuffer() 转成floatBuffer
.put(vertexData); 把顶点的值映射给他 put 进去
vertexBuffer.position(0); 最后把指针的变量指向开头就是0

着色器 shader 编写

OpenGL 渲染需要两种 Shader：Vertex Shader 和 Fragment Shader。

Vertex 顶点着色器
每个 Vertex 都会执行一遍 Vertex Shader，以确定 Vertex 的最终位置
fragment 片元着色器
每个 Fragment 都会执行一次 Fragment Shader，以确定每个 Fragment 的颜色，其 main 函数中必须设置 gl_FragColor 全局变量，它将作为该 Fragment 的最终颜色。

Vertex Shader

vertex_shader.glsl

attribute vec4 av_Position;
void main(){
    gl_Position = av_Position;
}

注： attribute 只能在vertex中使用顶点坐标系
vec4 是使用4个向量x y z w
gl_Position 是 OpenGL规定的写法
av_Position 是自己定义的 4个向量 x,y,z,w. w理解为摄像机
attribute 是声明av_position的类型

Fragment Shader

fragment_shader.glsl

precision mediump float;
uniform vec4 af_Potion;
void main(){
    gl_FragColor = af_Potion;
}

注： uniform 用于在application中向vertex和fragment中传递值。

分析:

gl_FragColor 和上面的类似 OpenGL ES 规定的写法
vec4 这里是代表颜色的 r,g,b,a
uniform 用于在application中向vertex和fragment中传递值,比如如果刚开始是红色的,想改成黄色,就要在程序中获取af_Position
precision mediump float; 顶点着色器中默认精度中等的

OpenGL ES 加载Shader

OpenGL ES加载Shader

1、创建shader（着色器：顶点或片元）


	int shader = GLES20.glCreateShader(shaderType);

2、加载shader源码并编译shader

    GLES20.glShaderSource(shader, source);
	GLES20.glCompileShader(shader);

3、检查是否编译成功：

GLES20.glGetShaderiv(shader, GLES20.GL_COMPILE_STATUS, compiled, 0);

4、创建一个渲染程序：

int program = GLES20.glCreateProgram();

5、将着色器程序添加到渲染程序中：

GLES20.glAttachShader(program, vertexShader);

6、链接源程序：

GLES20.glLinkProgram(program);

7、检查链接源程序是否成功

GLES20.glGetProgramiv(program, GLES20.GL_LINK_STATUS, linkStatus, 0);

8、得到着色器中的属性：

int aPositionHandl  = GLES20.glGetAttribLocation(programId, "av_Position");
//这里av_Position 就是上面对应的av_Position

9、使用源程序：

GLES20.glUseProgram(programId);

10、使顶点属性数组有效：

GLES20.glEnableVertexAttribArray(aPositionHandl);

11、为顶点属性赋值：


GLES20.glVertexAttribPointer(aPositionHandl, 2, GLES20.GL_FLOAT, false, 8,
	 vertexBuffer);

分析:

这里2 是代表vertexData 中只使用了x,y 坐标系点所以是2
GLES20.GL_FLOAT 声明的是float[] vertexData 所以是Float
false 是否做归一化处理如果vertexData 里面有-3 3 这些不在-1到1之间的书把它设置为ture 那么就会强制转化到-1到1之间
8 每个点的大小 vertexData中一个点是两个值一个值是4个字节(float 类型) 所以是8 ,第一个点就是8的长度第二个点就是从8开始下一个长度16

12、绘制图形：

GLES20.glDrawArrays(GLES20.GL_TRIANGLES, 0, 3);

GL_TRIANGLES三角形
起点是0 总共有3个点.

效果:

代码地址

https://github.com/liudao01/OpenGLDemo/tree/master