博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
OpenGL渲染流程
阅读量:5965 次
发布时间:2019-06-19

本文共 6785 字,大约阅读时间需要 22 分钟。

一.什么是openGL

OpenGL被定义为“图形硬件的一种软件接口”。从本质上说,它是一个3D图形和模型库,具有高度的可移植性,具有非常快的速度。

二.管线

管线这个术语描述了opengl渲染的整个过程。openGL采用cs模型:c是cpu,s是GPU,c给s的输入是vertex信息和Texture信息,s的输出是显示器上显示的图像。下面这2个图比较清楚的讲解了opengl的渲染管线。 

 

相信没有opengl基础的应该看不懂,下面会简单的介绍这个流程,再看下文之前,建议先看,对理解opengl工作原理绝对有帮助。

三.管线详解

下面这个图取自《OpenGL ES 3.0编程指南》,此流程为可编程管线。

1.VBO/VAO(顶点缓冲区对象或顶点数组对象):

VBO/VAO(到底是啥,下回讲解)是cpu提供给GPU的顶点信息,包括了顶点的位置、颜色(只是顶点的颜色,和纹理的颜色无关)、纹理坐标(用于纹理贴图)等顶点信息。

2.VertexShader(顶点着色器):

顶点着色器是处理VBO/VAO提供的顶点信息的程序。VBO/VAO提供的每个顶点都执行一遍顶点着色器。Uniforms(一种变量类型)在每个顶点保持一致,Attribute每个顶点都不同(可以理解为输入顶点属性)。执行一次VertexShader输出一个Varying和gl_positon。

3.PrimitiveAssembly(图元装配):

顶点着色器下一个阶段是图元装配,图元(prmitive)是三角形、直线或者点精灵等几何对象。这个阶段,把顶点着色器输出的顶点组合成图元。

4.rasterization光栅化):

光栅化是将图元转化为一组二维片段的过程,然后,这些片段由片段着色器处理(片段着色器的输入)。这些二维片段代表着可在屏幕上绘制的像素。用于从分配给每个图元顶点的顶点着色器输出生成每个片段值的机制称作插值(Interpolation)。这句不是人话的话解释了一个问题,就是从cpu提供的分散的顶点信息是如何变成屏幕上密集的像素的,图元装配后顶点可以理解成变为图形,光栅化时可以根据图形的形状,插值出那个图形区域的像素(纹理坐标v_texCoord、颜色等信息)。注意,此时的像素并不是屏幕上的像素,是不带有颜色的。接下来的片段着色器完成上色的工作。

5.FragmentShader(片段着色器):

片段着色器为片段(像素)上的操作实现了通用的可编程方法,光栅化输出的每个片段都执行一遍片段着色器,对光栅化阶段生成每个片段执行这个着色器,生成一个或多个(多重渲染)颜色值作为输出。

6.Per-Fragment Operations(逐片段操作

在此阶段,每个片段上执行如下功能:

(1)pixelOwnershipTest(像素归属测试):

这个用来确定帧缓冲区中位置(x,y)的像素是不是归当前上下文所有。例如,如果一个显示帧缓冲区窗口被另一个窗口所遮蔽,则窗口系统可以确定被遮蔽的像素不属于此opengl的上下文,从而不显示这些像素。

(2)ScissorTest(剪裁测试):

如果该片段位于剪裁区域外,则被抛弃

(3)StencilTest and DepthTest(模板和深度测试):

深度测试比较好理解,若片段着色器返回的深度小于缓冲区中的深度,则舍弃。模板测试没有用过,不清楚具体功能,猜测功能应该和名字一样,模板形状内可通过。

(4)Blending(混合):

将新生成的片段颜色值与保存在帧缓冲区的颜色值组合起来,产生新的RGBA。

(5)dithering(抖动):

不知道这个是神马作用?

最后把产生的片段放到帧缓冲区(前缓冲区或后缓冲区或FBO)中,若不是FBO,则屏幕绘制缓冲区中的片段,产生屏幕上的像素

7.固定管线

固定管线是没有shader参与的OpenGL绘制管线,OpenGL3.0已经废除了这个功能。固定管线的流程如下所示:

 

代码示例:

#include 
#include
#include
void RenderScene(void) { glClear(GL_COLOR_BUFFER_BIT); glShadeModel(GL_SMOOTH); glMatrixMode(GL_MODELVIEW); glLoadIdentity(); glBegin(GL_TRIANGLES); glColor3ub((GLubyte)255, (GLubyte)0, (GLubyte)0); glVertex3f(0, 200, 0); glColor3ub((GLubyte)0, (GLubyte)255, (GLubyte)0); glVertex3f(200, -70, 0); glColor3ub((GLubyte)0, (GLubyte)0, (GLubyte)255); glVertex3f(-200, -70, 0); glEnd(); glutSwapBuffers();}void SetupRC(void) { glClearColor(0, 0, 0, 1);}void changeSize(int w, int h) { GLfloat windowHeight, windowWidth; if (h == 0) { h = 1; } glViewport(0, 0, w, h); glMatrixMode(GL_PROJECTION); glLoadIdentity(); windowHeight = windowWidth = 250; glOrtho(-windowWidth, windowWidth, -windowHeight, windowHeight, -1, 1);}int main(int argc, char * argv[]) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); glutInitWindowSize(600, 600); glutCreateWindow("Simple"); const GLubyte * info = glGetString(GL_VERSION); std::cout << ( const char *)info << std::endl; glutReshapeFunc(changeSize); glutDisplayFunc(RenderScene); SetupRC(); glutMainLoop(); return 0;}

效果为:

8.可编程管线:

OpenGL 2.0引入了可编程管线,shader得到支持,流程如下图所示:

要得到相同的效果,代码如下:

#include 
#include
#include
GLuint createShader(GLenum type, const char * shaderSrc) { GLuint shader; GLint compiled; shader = glCreateShader(type); if (shader == 0) { return 0; } glShaderSource(shader, 1, &shaderSrc, NULL); glCompileShader(shader); glGetShaderiv(shader, GL_COMPILE_STATUS, &compiled); if (!compiled) { GLint infoLen = 0; glGetShaderiv(shader, GL_INFO_LOG_LENGTH, &infoLen); if (infoLen > 1) { char * infoLog = (char *)malloc(sizeof(char) * infoLen); glGetShaderInfoLog(shader, infoLen, NULL, infoLog); std::cout << "Error compiling shader: " << infoLog << std::endl; free(infoLog); } glDeleteShader(shader); return 0; } return shader;}GLuint programObject;bool init() { //todo 读文件 char * vShaderStr = "attribute vec4 vPositon; \n" "attribute vec4 aColor; \n" "varying vec4 vertexColor; \n" "void main() { \n" " gl_Position = gl_ModelViewProjectionMatrix * vPositon; \n" " vertexColor = aColor; \n" "}" ; char * fShaderStr = "varying vec4 vertexColor;" "void main() {" " gl_FragColor = vertexColor;" "}" ; GLuint vertexShader; GLuint fragmentShader; GLint linked; vertexShader = createShader(GL_VERTEX_SHADER, vShaderStr); fragmentShader = createShader(GL_FRAGMENT_SHADER, fShaderStr); programObject = glCreateProgram(); if (programObject == 0) { return false; } glAttachShader(programObject, vertexShader); glAttachShader(programObject, fragmentShader); glLinkProgram(programObject); glGetProgramiv(programObject, GL_LINK_STATUS, &linked); if (!linked) { GLint infoLen = 0; glGetProgramiv(programObject, GL_INFO_LOG_LENGTH, &infoLen); if (infoLen > 1) { char * infoLog =(char *)malloc(sizeof(char) * infoLen); glGetProgramInfoLog(programObject, infoLen, NULL, infoLog); std::cout << "Error linking program: " << infoLog << std::endl; free(infoLog); } glDeleteProgram(programObject); return false; } glClearColor(0, 0, 0, 0); return true;}void RenderScene(void) { GLfloat vVerties[] = { 0, 200, 0, 200, -70, 0, -200, -70, 0 }; GLfloat vertexColor[] = { 1,0,0,1, 0,1,0,1, 0,0,1,1 }; glClear(GL_COLOR_BUFFER_BIT); glUseProgram(programObject); GLint attributePos = glGetAttribLocation(programObject, "vPositon"); glVertexAttribPointer(attributePos, 3, GL_FLOAT, GL_FALSE, 0, vVerties); glEnableVertexAttribArray(attributePos); GLint colorPos = glGetAttribLocation(programObject, "aColor"); glVertexAttribPointer(colorPos, 4, GL_FLOAT, GL_FALSE, 0, vertexColor); glEnableVertexAttribArray(colorPos); glDrawArrays(GL_TRIANGLES, 0, 3); glutSwapBuffers();}void changeSize(int w, int h) { glViewport(0, 0, w, h); glMatrixMode(GL_PROJECTION); glLoadIdentity(); GLfloat windowHeight, windowWidth; windowHeight = windowWidth = 250; glOrtho(-windowHeight, windowHeight, -windowWidth, windowWidth, -1, 1); }int main(int argc, char * argv[]) { glutInit(&argc, argv); glutInitDisplayMode(GLUT_DOUBLE | GLUT_RGB | GLUT_DEPTH); glutInitWindowSize(600, 600); glutCreateWindow("Simple"); glutReshapeFunc(changeSize); glutDisplayFunc(RenderScene); init(); glutMainLoop(); return 0;}

  

转载于:https://www.cnblogs.com/BigFeng/p/5068715.html

你可能感兴趣的文章
20145209预备作业02
查看>>
精通CSS滤镜(filter)
查看>>
弄清楚高层到底是什么情况!
查看>>
开发中常用正则表达式
查看>>
HDU 4374 One hundred layer(单调队列DP)
查看>>
OPP Services Log
查看>>
JQuery增删改查
查看>>
android webview 全屏播放H5 (Playing HTML5 video on fullscreen in android webview)
查看>>
python的一些常用函数
查看>>
微信公众号教程(19)微信音乐播放器开发 中
查看>>
浏览器跨域问题
查看>>
部署WEB项目到服务器(二)安装tomcat到linux服务器(Ubuntu)详解
查看>>
SpringBoot之SpringBoot+Mybatis+Mysql+Maven整合
查看>>
SQLServer BI 学习笔记
查看>>
20160504-hibernate入门
查看>>
工作四周年
查看>>
sql定时自动备份(定时作业)
查看>>
Excel 2013 表格自用技巧
查看>>
ubuntu安装VNC、Xfce桌面
查看>>
浅析支付系统的整体架构
查看>>