【OpenGL入门】OpenGL中的名词解析与渲染流程

1 简介

OpenGL（Open Graphics Library）是一个跨编程语言、跨平台的图形编程程序接口，它将计算机的资源抽象成一个个OpenGL对象，将对这些资源的操做抽象成一个个OpenGL指令。算法

OpenGL ES（OpenGL for Embedded System）是OpenGL三维图形API的子集，针对手机、PDA和游戏主机等嵌入式设备而设计，去除了不少没必要要的和性能较低的API接口。编程

1.1 OpenGL上下文（Context）

在应用程序调用任何OpenGL的指令以前，须要安排首先建立一个OpenGL的上下文。这个上下文是一个很是庞大的状态机，保存了OpenGL中的各类状态，这也是OpenGL指令执行的基础。数组

OpenGL的函数无论在哪一个语言中，都是相似C语言同样面向过程的函数，本质上都是对OpenGL上下文这个庞大的状态机中的某个状态或者对象进行操做，固然你得首相把这个对象设置为当前对象。所以，经过对OpenGL指令的封装，是能够将OPenGL的相关调用封装成为一个面向对象的图形API的。缓存

因为OpenGL上下文是一个巨大的状态机，切换上下文每每会产生较大的开销，可是不一样的绘制模块，可能须要使用彻底独立的状态管理。所以，能够在应用程序中分别建立多个不一样的上下文，在不一样线程中使用不一样的上下文，上下文之间共享纹理，缓冲区等资源。这样，会比反复切换上下文，或者大量修改渲染状态，更加合理高效。markdown

1.2 OpenGL状态机

具备记忆功能，可以记录当前的状态
能够接收输入，根据输入的信息修改本身当前的状态，并支持输出
当进入停机状态时，便再也不接收输入信息，中止工做。

在程序退出前，OpenGL总会先中止工做的。架构

2 着色器的渲染流程

（1） 顶点数据编程语言

（2） 顶点着色器【必要】：接收顶点数据，单独处理每一个顶点函数

（3） 细分着色器【可选】：描述物体的形状,在管线中⽣生成新的几何体处理(平顺)模型生成最终状态 (名称: 细分控制着⾊器/细分计算着⾊器，对全部的图像进行修改几何图元类型或者放弃全部的凸缘)性能

（4） 几何着色器测试

（5） 图元设置

（6） 剪切：剪切视口以外的绘制

（7） 光栅化：输入图元的数学描述，转化为与屏幕对应位置的像素片元，简称光栅化

（8） 片元着色器【必选】：片元颜色以及深度值，而后传递到片元测试和混合模块

（9）显示效果

2.1 渲染

将图形/图像数据转换成2D空间图像操做叫渲染（Rendering）

在渲染过程当中，必须存储2中着色器，分别是顶点着色器和片元着色器。顶点着色器是第一个，片元着色器是最后一个。顶点着色器中处理顶点，片元着色器处理像素颜色。

2.2 顶点数组（VertexArray）和顶点缓冲区（VertexBuffer）

画图通常是先画好图像的骨架，而后再往骨架中填充颜色，OpenGL也是同样的，顶点数据就是要画的图像的骨架，和现实中不一样的是，OpenGL中的图像都是由图元组成。在OpenGL ES中，有三种类型的图元：点、线、三角形。开发者能够选择设定函数指针，在调用绘制方法的时候，直接由内存传入顶点数组。而性能更高的作法是，提早分配一块显存，将顶点数据预先传入到显存当中。这部分显存，就被称为顶点缓冲区。
顶点指的是咱们在绘制一个图形的时候，他的顶点位置数据，这个数据能够直接存储在数组中或者将其直接缓存到GPU内存中

2.3 着色器程序（Shader）

就全面的将固定渲染管线架构变为了可编程渲染管线。所以OpenGL在实际调用绘制函数以前，还须要指定一个由shader编译成的着色器程序。常见的着色器主要有顶点着色器（VertexShader），片断着色器（FragmentShader）/像素着色器（PixelShader）,几何着色器（GeometryShader），曲面细分着色器（TessellationShader）。片断着色器和像素着色器只是在OpenGL和DX中的不一样叫法而已。惋惜的是，直到OpenGL ES 3.0，依然只支持了顶点着色器和片断着色器这两个最基础的着色器。
OpenGL在处理Shader时，和其余编译器同样。经过编译、连接等步骤，生成了着色器程序（glProgram），着色器程序同时包含了顶点着色器和片断着色器的运算逻辑。在OpenGL进行绘制的时候，首先由顶点着色器对传入的顶点数据进行运算。再经过图元装配，将顶点转换为图元。而后进行光栅化，将图元这种矢量图形，转换为栅格化数据。最后，将栅格化数据传入片断着色器中进行运算。片断着色器会对栅格化数据中的每个像素进行运算，并决定像素的颜色。

2.4 管线

在OpenGL下渲染图形，就会有经历一个一个节点，这样的操做能够理解为管线。就像流水线同样，每一个任务相似流水线通常执行，任务之间有前后顺序。管线是一个抽象概念，之因此称之为管线，是由于显卡在处理数据的时候是按照一个固定的顺序来的，并且严格按照这个顺序，这个顺序是不能被打破的。

2.5 固定管线/存储着色器

在早期的OpenGL版本，它封装了不少种着色器程序块内置的⼀一段包含了光照、坐标变换、裁剪等等诸多功能的固定shader程序来完成,来帮助开发者来完成图形的渲染。而开发者只须要传入相应的参数,就能快速完成图形的渲染。
可是因为OpenGL的使用场景很是丰富，固定管线或存储着色器没法完成每个业务。这时将相关部分开放成可编程管线。

2.6 顶点着色器（VertexShader）

⼀般⽤来处理图形每一个顶点变换（旋转/平移/投影等）
顶点着色器是OpenGL中用于计算顶点属性的程序。顶点着⾊器是逐顶点运算的程序，也就是说每一个顶点数据都会执⾏一次顶点着色器，固然这是并⾏的，而且顶点着色器运算过程当中没法访问其余顶点的数据。

2.7 片元着色器（FragmentShader）

⼀般用来处理图形中每一个像素点颜色计算和填充
片断着色器是OpenGL中用于计算片断（像素）颜色的程序。片断着色器是逐像素运算的程序，也就是说每一个像素都会执⾏一次片断着色器，固然也是并⾏的

2.8 GLSL（OpenGL Shading Language）

OpenGL着⾊语言（OpenGL Shading Language）是用来在OpenGL中着色编程的语⾔，即开发人员写的短小的自定义程序，他们是在图形卡的GPU（Graphic Processor Unit图形处理单元）上执行的，代替了固定的渲染管线的一部分，使渲染管线中不一样层次具备可编程性。好比：视图转换、投影转换等。GLSL（GL Shading Language）的着⾊器代码分红2个部分： Vertex Shader（顶点着⾊器）和Fragment（片元着色器）

2.9 光栅化（Rasterization）

是把顶点数据转换为片元的过程，具备将图转化为一个个栅格组成的图象的做用，特色是每一个元素对应帧缓冲区中的一像素。
光栅化实际上是一种将几何图元变为二维图像的过程。该过程包含了两部分的⼯做。第一部分工做：决定窗口坐标中的哪些整型栅格区域被基本图元占用；第二部分工做：分配一个颜色值和一个深度值到各个区域。光栅化过程产生的是片元
把物体的数学描述以及与物体相关的颜色信息转换为屏幕上用于对应位置的像素及用于填充像素的颜色，这个过程称为光栅化，这是一个将模拟信号转化为离散信号的过程

2.10 纹理

纹理能够理解为图片。你们在渲染图形时须要在其编码填充图片，为了使得场景更加逼真。而这里使用的图片，就是常说的纹理。可是在OpenGL，咱们更加习惯叫纹理，而不是图片

2.11 混合（Blending）

在测试阶段以后，若是像素依然没有被剔除，那么像素的颜色将会和帧缓冲区中颜色附着上的颜色进⾏混合，混合的算法能够经过OpenGL的函数进行指定。可是OpenGL提供的混合算法是有限的，若是须要更加复杂的混合算法，通常能够经过像素着色器进行实现，固然性能会比原生的混合算法差一些。

3 矩阵

3.1 变换矩阵（Transformation）

例如图形想发平生移，缩放，旋转变换。就须要使用变换矩阵。

3.2 投影矩阵（Projection）

⽤于将3D坐标转换为二维屏幕坐标，实际线条也将在二维坐标下进行绘制。

4 渲染上屏/交换缓冲区（SwapBuffer）

渲染缓冲区⼀般映射的是系统的资源好比窗⼝。若是将图像直接渲染到窗口对应的渲染缓冲区，则能够将图像显示到屏幕上。
可是，值得注意的是，若是每一个窗口只有一个缓冲区，那么在绘制过程当中屏幕进行了刷新，窗口可能显示出不完整的图像
为了解决这个问题，常规的OpenGL程序至少都会有两个缓冲区。显示在屏幕上的称为屏幕缓冲区，没有显示的称为离屏缓冲区。在一个缓冲区渲染完成以后，经过将屏幕缓冲区和离屏缓冲区交换，实现图像在屏幕上的显示。
因为显示器的刷新通常是逐行进行的，所以为了了防止交换缓冲区的时候屏幕上下区域的图像分属于两个不一样的帧，所以交换通常会等待显示器刷新完成的信号，在显示器两次刷新的间隔中进行交换，这个信号就被称为垂直同步信号，这个技术被称为垂直同步
使用了双缓冲区和垂直同步技术以后，因为老是要等待缓冲区交换以后再进行下一帧的渲染，使得帧率没法彻底达到硬件容许的最高水平。为了解决这个问题，引入了三缓冲区技术，在等待垂直同步时，来回交替渲染两个离屏的缓冲区，而垂直同步发生时，屏幕缓冲区和最近渲染完成的离屏缓冲区交换，实现充分利用硬件性能的目的

最后咱们经过下面这个图再来看一下整个渲染流程