GPU渲染流水线，是硬件真正体现渲染概念的操作过程，也是最终将图元画到2D屏幕上的阶段。GPU管线涵盖了渲染流程的几何阶段和光栅化阶段，但对开发者而言，只有对顶点和片段着色器有可编程控制权，其他一律不可编程。如下图：
简单总结GPU管线，这阶段中主要是对图元进行操作。首先，将由应用阶段加载到显存中的顶点数据（由drawCall指定后）作为输入传递给顶点着色器。接着，顶点着色器首先对图元的每个顶点设置模型视图变换及投影变换（即右乘MVP矩阵），然后将变换后的顶点按照摄像机视椎体定义（即透视投影，或正投影）进行裁剪，将不在视野内的顶点去掉并剔除某些三角面片。最后到几何阶段的屏幕映射，负责把修改过的图元的坐标转换到屏幕坐标系中（即投影到屏幕上）。
到光栅化阶段，这一阶段主要目的是将每个图元转换为多个片段，并生成多个片段的位置，由片段着色器负责计算每个片段的颜色值。同时，在这阶段片段着色器通常会要求输入纹理，从而对每个片段进行着色贴图。每个片段在被发送到帧缓冲区之前，还会经历一些操作，这些操作可能会修改片段的颜色值，其中包括深度测试，模板测试，像素所有权测试，与当前缓冲区相同位置颜色混合等等。
最后，帧缓冲区内容被交换到屏幕进行显示。
下面会对各个阶段每个知识点进行详细的分析理解。
一， 顶点着色器
顶点着色器是一段类似C语言的程序（即OpenGL的GLSL，或只支持微软的HLSL，或Unity的Cg），由程序员提供并在GPU上执行，对每个顶点都执行一次运算。顶点着色器可以使用顶点数据来计算改顶点的坐标，颜色，光照和纹理坐标等。在渲染管线中，每个顶点都独立的被执行。原因在于顶点着色器本身不能创建或删除顶点，也无法得到顶点与顶点之间的关系，如无法知道两个顶点是否属于同一个三角网格。正因这独立性，GPU可以并行化处理每一个顶点，提高处理速度。
顶点着色器最重要的功能是执行顶点的坐标变换和逐顶点光照。坐标变换是改变顶点的位置，把顶点坐标从模型空间转换到齐次裁剪空间（即将本地坐标系转换为裁剪坐标系）。通过改变顶点位置可以实现很多酷炫的shader效果，如模拟水面，布料等等，这里后面添加实例学习例子再详细说明。 顶点着色器的另一功能是向后续阶段的片段着色器提供一组易变（Varying）变量，用于插值计算。
二， 图元装配
在顶点着色器程序输出顶点坐标之后，各个顶点按照绘制命令（DrawArrays或DrawElements）中的图元类型参数和顶点索引数组被组装成一个个图元，并对其进行如下图的图元操作：
裁剪，处于视椎体以外的图元将被丢弃，若该图元与视椎体相交则会发生裁剪产生新图元，如下图：
注意一点，透视裁剪是比较影响性能的过程，因为每个图元都需要和6个裁剪面进行相交计算并产生新图元。所以一般在x轴，y轴超出屏幕（由glViewPort定义）的部分，这些顶点在视口变换的时候被更高效的直接丢弃，无须产生新图元。
视椎体在OpenGL中可以通过gluPerspective来定义对应的大小结构，在Cocos2dx引擎中，Director类的setProjection方法就定义了cocos的渲染用到的视椎体，大家可以阅读对应的代码了解学习下。
经过视椎体裁剪后的顶点坐标经过透视分离（指由硬件做透视除法），得到范围是[0,1]的归一化的设备坐标，最后映射到屏幕或者视口上。
三， 片段着色器
补充：其实在光栅化之前，要判断图元的朝向，是面向还是背对观察者，以决定是否需要丢弃图元。在OpenGL可通过glFrontFace指令来决定哪个方向为正，并通过glCullFace决定需要保留哪一面（别忘了要先打开剔除状态设置才可以调用指令 glEnable(GL_CULL_FACE);）。这样设计的好处是能减少一些不必要的绘制，并减少对GPU的浪费。
回到正题，片段着色器同上述的顶点着色器，只是它作用的对象是每一片段，对其进行着色贴图。片元着色器的输入是根据那些从顶点着色器中输出的数据插值得到的，其中最重要的渲染技术之一是纹理采样。在顶点着色器阶段输出每一顶点对应的纹理坐标，然后经过光栅化阶段对三角网格的3个顶点各自纹理坐标进行插值运算后便得到其覆盖片元的纹理坐标，从而在片元着色器中进行纹理采样。如下图：
四， 逐片元操作
这里篇幅原因不一一分析每种测试操作，大家可以通过看书了解对应的用途。下面举混合操作来分析一下。下图是简化流程图：
对于不透明的物体，可以直接关闭混合Blend操作，这样片元着色器计算得到的颜色值直接覆盖更新缓冲区的颜色值。但对于半透明物体就必须开启使用混合操作从而让物体看起来是透明的。开发过程中无法得到透明效果的原因，往往有可能是没有开启混合功能的原因。
推荐阅读：
轻轻一扫 欢迎关注~