GPU是每臺電腦不可缺少的組件，缺少GPU，我們的筆記本將無法正常顯示圖像。即便我們每天都在運用GPU，但是大家真的了解GPU的原理嗎？了解GPU渲染流程嗎？如果你對GPU以及GPU相關知識具有興趣，不妨繼續往下閱讀哦。

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操作，這樣片元著色器計算得到的顏色值直接覆蓋更新緩沖區的顏色值。但對于半透明物體就必須開啟使用混合操作從而讓物體看起來是透明的。開發過程中無法得到透明效果的原因，往往有可能是沒有開啟混合功能的原因。

由于計算機圖形的性質，圖形管線已構造為計算狀態與數據流動作為它們之間的數據流。每個階段工作在一組元素，如頂點，三角形或像素。下圖1［ Shr99 ］給出了典型的OpenGL固定管道。

人們很容易看到這種體系結構如何類似于中描述的流計算模型上一節。這種類型的固定結構的是，直到最近，計算機圖形卡制造商的標準可循。雖然類似流計算模式，它提供了很少或沒有編程的用戶，因此，它是不可用于比處理圖形指令的其他任何任務。2000年［ Owe05 ］，GPU 小號允許管道的關鍵部位的可編程性一定程度。

當前GPU 小號允許用戶在形式的圖形流水線的兩個階段幾乎任何類型的功能進行編程頂點程序和片段的方案。這些允許用戶分別寫在頂點和片段數據的程序。下圖示出了更近的映射的OpenGL可編程管線到流模型。

該頂點處理器

頂點處理器輸入的頂點值和其相關的數據進行操作。它的目的是執行傳統的圖形操作，如：頂點變換，正常轉化和規范化，紋理坐標生成和改造，照明和顏色計算［ Ros04。因為頂點處理器是能夠改變輸入的頂點數據的位置，從而影響最終圖像的要繪制。由于圖像是，在本質上，的存儲器陣列，頂點處理器能夠分散狀操作。另外，最近的處理器能夠從紋理存儲器讀出，從而產生一種特殊的延遲收集動作。我們稱之為延遲，因為頂點不能直接從其他頂點元件讀取的信息，但它可以讀取的任何數據從先前的計算結果，如果它是在紋理存儲器編碼。在后面的章節中，我們將看到如何利用這一點來執行簡單的計算。

頂點處理器可以在SIMD（單指令多數據）或MIMD（多指令多數據）模式下運行; 因此，允許兩個，一個處理器單元中的指令和任務并行。由于現代GPU 小號包含多個頂點處理器（最新的NVIDIA 和ATI卡有多達六個），我們可以開始欣賞并行這些體系結構上實現的水平。

該碎片處理器

該片段處理器上的片段和它們相關聯的數據進行操作。一些傳統上與片段著色器相關聯的操作是：質地接入和應用，霧，顏色和與上內插值一般操作。如同頂點著色器，片段著色器可用于在GPU上執行幾乎任何種類的計算。因為片段處理器可以訪問紋理存儲器的隨機這是很容易的片段程序內執行聚集操作。實際上，這是很常見的使用紋理信息進行依賴于其他紋理查找窗口; 功能移植算法的流計算模型時來真的很方便。

雖然在目前的GPU架構碎片處理器可以在SIMD模式下運行，是非常嚴格的那種，他們允許我們將看到，他們還是很容易執行一般的計算操作。加，由于片段的處理片段的處理器數量的計算頻率比頂點處理器的數目越高。當前頂級的線卡有十六歲左右的片段處理器。