opengl es学习笔记2（着色器补充，示例）

布满荆棘的人生 2022-08-09 06:21 190阅读 0赞

OpenGL ES 2.0就开始使用可编程管线，代替了过去的固定管线，管线就好像一条生产流水线一样，一步一步的生成绚丽多彩的图形。

在管线中可编程的部件为顶点着色器和片元着色器（在GPU上运行的程序），要进行任何渲染必须包含至少一个顶点着色器和一个片元着色器。

顶点着色器：（默认精度为H）

1.把每个顶点在空间中的虚拟三维坐标转化为可以在屏幕上显示的二维坐标

2.根据光照公式计算给个点的color值

3.生成或转换纹理坐标。

片元着色器：（需设置精度）

通过光照值，阴影等计算每个像素的颜色及其他属性（只对像素进行操作）

图元：可以编辑的最小图形单位

光栅化：就是将图转化成一个个栅格组成的图像

一个实例：

1.使用OpenGL ES 3.0框架

int esMain(ESContext \*esContext)

2.创建简单的顶点和片元着色器

char vShaderStr\[\]= //顶点着色器

“\#version 300 es \\n” //版本号

“layout(location=0) in vec4 vPosition; \\n”

“void main()\{ \\n”

“ gl\_Position=vPosition;\} \\n”

char fShaderStr\[\]= //片元着色器

“\#version 300 es \\n”

“precision mediump float; \\n”//着色器精度

“out vec4 fragColor; \\n”

“void main()\{ \\n”

“fragColor=vect4(1.0,0.0,0.0,1.0);\} \\n”

3.编译和加载着色器

GLuint LoadShader（GLenum type,const char \*shaderSrc）\{

//创建着色器

GLuint shader;

Glint compiled;

Shader=glCreateShader(type);

if(shader==0)\{

return 0;\}

//加载并编译着色器

glShaderSource(shader,1,&shaderSrc,NULL);

glCompileShader(shader);

//打印并输出生成的错误

...

4.创建一个程序对象并链接着色器

programObject=glCreateProgram();

if(programObject==0)

return 0;

glAttachShader(programObject,vertexShader);

glAttachShader(programObject,fragmentShader);

//打印并生成错误

...

5.设置视口和清除颜色缓冲区

Glviewport(0,0,esContext->width,esContext->height);

glClear(GL\_COLOR\_BUFFER\_BIT);

6.加载几何形状和绘制图元

GLfloat vVertices\[\]=\{0.0f,0.5f,0.0f,

\-0.5f,-0.5f,0.0f

0.5f,-0.5f,0.0f\};

glVertexAttribPointer(0,3,GL\_FLOAT,GL\_FALSE,0,vVertices);

glEnableVertexAttribArray(0);

glDrawArrays(GL\_TRIANGLES,0,3);

7.显示后台缓冲区

现在使用的双缓冲技术（如果我们直接绘制到帧缓冲区会有伪像产生）

eglSwapBuffers(esContext->eglDisplay,esContext->eglSurface);

发表评论取消回复

表情：

评论列表（有 0 条评论，190人围观）

还没有评论，来说两句吧...

相关阅读

相关 OpenGL学习笔记——着色器

文章目录一、简介二、使用 2.1基础了解 2.2基本用法三、小结一、简介 > 在过去的几十年间，由于图形显卡的

心已赠人/ 2022年11月22日 05:15/ 0 赞/ 270 阅读

相关 [OpenGL ES 02]OpenGL ES渲染管线与着色器

http://blog.csdn.net/kesalin/article/details/8223649 罗朝辉 ([http://blog.csdn.net/ke

悠悠/ 2022年08月20日 04:13/ 0 赞/ 237 阅读

相关 opengl es学习笔记2（着色器补充，示例）

OpenGL ES 2.0就开始使用可编程管线，代替了过去的固定管线，管线就好像一条生产流水线一样，一步一步的生成绚丽多彩的图形。在管线中可编程的部件为顶点着色器和片元着色

布满荆棘的人生/ 2022年08月09日 06:21/ 0 赞/ 191 阅读

相关【OpenGL ES】着色器Shader与程序Program

在OpenGL ES 3程序中，Shader和Program是两个重要的概念，至少需要创建一个顶点Shader对象、一个片段Shader对象和一个Program对象，才能用着色

谁践踏了优雅/ 2022年06月16日 06:00/ 0 赞/ 349 阅读

相关 Shader着色器基础——OpenGL编程笔记2

着色器(Shader) 顶点着色器(Vertex shader) 片段着色器(Fragment shader) 几何着色器(Geometry Shade

旧城等待，/ 2022年06月13日 05:37/ 0 赞/ 312 阅读

相关【OpenGL】着色器 Shader

写在前面前面的几个例子使用的都是固定管线，又叫立即渲染模式，这个模式下 opengl 把渲染的细节封装隐藏起来，开发人员使用起来非常容易，但效率比较低且不够灵活。现代

秒速五厘米/ 2022年06月10日 12:29/ 0 赞/ 336 阅读

相关【OpenGL ES】顶点着色器

1、输入输出顶点着色器可用于传统的基于顶点操作，例如通过矩阵变换位置、计算照明方程式以生成逐顶点的颜色以及生成或者变换纹理坐标。顶点着色器的输入、输出如下图所示。 !

曾经终败给现在/ 2022年06月05日 23:59/ 0 赞/ 553 阅读

相关【OpenGL ES】片段着色器

1、管线片段着色器在OpenGL ES 3.0的可编程管线的位置如下图所示。 ![这里写图片描述][SouthEast] 2、输入输出片段着色器为片段操作

朴灿烈づ我的快乐病毒、/ 2022年06月03日 05:38/ 0 赞/ 563 阅读

相关 OpenGL ES2.0 菲尼尔着色器

顶点着色器： uniform mat4 uMVPMatrix; uniform mat4 uMMatrix; uniform vec3

电玩女神/ 2022年06月01日 06:28/ 0 赞/ 215 阅读

相关 Qt+OpenGL——着色器

定义与结构着色器是使用一种叫GLSL的类C语言写成的运行在GPU上的小程序。这些小程序为图形渲染管线的某个特定部分而运行。从基本意义上来说，着色器只是一种把输入转化为输

小鱼儿/ 2022年01月28日 15:15/ 0 赞/ 474 阅读