可編程渲染管線與着色器語言

Programming pipeline & shading language

大家好,今天想給大家介紹一下可編程渲染管線和着色器語言的相關基礎知識,使想上手SHADER編程的童鞋們可以快速揭開SHADER語言的神祕面紗

由於時間有限,我決定只講三個主要方面的內容,其過程中肯定會有不詳細之處,還請見諒,就算是拋磚引玉,給大家一個簡單的入門引路。

本章內容總共分爲三個部分 一、3D渲染管線工作流程 二、可編程管線 三、着色器語言

3D渲染管線作爲整個工作流程的基礎,是不可或缺的基本知識。因此,作一定的講解是有必要的。  但作爲一個回顧內容,就不會對具體的內容進行講解,比如如何進行座標系變換,如何進行光柵化等等。 我們僅關注的是整個工作的過程。

甚至,我們更關心的不是整個工作過程中的細節,而是我們所必須要關注的幾大流程。 如下圖

image

 

數據填充

當我們想實現一次渲染效果的時候,數據的提交(填充)是不可缺少的。 因此,工作流程的第一步就是要處理輸入的數據。

而我們最直接的接觸3D渲染流程的時機,也就是數據填充時,更確切的說,就是那一堆set數據的API。

數據填充允許我們提交我們想要的數據,比如頂點數據(如位置,法線,顏色,紋理座標等)。常量(如世界矩陣,觀察矩陣,投影矩陣,紋理因子等等)。

image

 

變換&頂點光照

在這個階段,頂點會經過世界變換,觀察變換,投影變換。  通常情況下,在頂點經過觀察變換後,便開始做一些光照計算。 這一階段也是可編程管線所提供的頂點處理階段。也就是說,我們可以通過着色器程序來控制這一階段的結果。 在着色器程序中,我們可以任意地處理想要的數據,比如進行紋理座標縮放,旋轉,隨機偏移等等。

image

 

 

裁剪&光柵化

當經過座標變換和光照後,頂點已經被投影爲2D座標+深度信息。 一些不可見的頂點會被裁剪掉,比如那些處於背面的點。 同時,剩下的頂點會被插值計算,以形成由像素構成的圖元。 所有的信息都會被插值,如紋理座標,法線,顏色等。

image

 

 

像素處理

像素處理階段是一個最耗時,但是也是最能夠使你的渲染效果品質更高的地方,像素最終的樣子會在此決定,你可以進行紋理映射,紋理混合,模糊,擴散等效果。

這也是可編程管線中可以使用SHADER控制的另一個處理過程,

image

 

像素的一些額外處理和輸出

當像素經過像素處理階段後,並不能都有機會輸出到屏幕上,因爲它們還要經過深度(也有一些比較優化的渲染管線將深度測試提到了像素處理前)和模板測試,ALPHA測試,經過這些測試後, 還要進行一次ALPHA混合,這次與目標緩衝區的混合,就能夠實現半透明效果。 虛擬世界中的五光十色就是因爲這個半透明效果而生動。

image

 

-------------------------------------------------------

正如上面所說,在3D渲染流程中,我們能夠用着色器語言控制的就是“頂點變換和光照” 以及 “像素處理”階段。 在我們講如何控制之前我大概介紹一下GPU中用於處理着色器的最基本的幫手 - 寄存器。

image

GPU中的寄存器與CPU中的普通寄存器有一點不同, GPU中的每一個寄存器都是一個四維向量寄存器,即一個寄存器擁有4個浮點分量。 通常我們用

(x,y,z,w)或者(r,g,b,a)來表示。

輸入寄存器

輸入寄存器是GPU用來接受數據的寄存器,當我們將渲染數據填充到GPU時,其實就是將這些數據填充到這些輸入寄存器上。

比如,當我們將一個頂點的位置和法線提交後,GPU在處理這個頂點時,其對應的寄存器就會擁有這個頂點相應的值。

頂點處理階段和像素處理階段用到的輸入寄存器是不同的。輸入寄存器決定了對應的處理階段能夠做的事情。

比如,我們提交了一個三角形的頂點和紋理座標信息,並且我們提交了一張紋理,用來對這個三角形做紋理映射。  但是,我們是不能在頂點處理階段就對其紋理做處理的。 因爲我們不能在頂點處理時訪問紋理數據(如果真要這樣,那就只能夠使用頂點紋理了,這個內容超出了本次介紹的範圍,固不再多說)。

 

 

常量寄存器

常量寄存器用來向着色器傳遞我們所需要控制的常量信息,比如,世界矩陣,觀察矩陣,投影矩陣,紋理矩陣等。  以及我們可以設置一些值,比如當前時間,用來實時偏移一個頂點的紋理座標,使其紋理呈移動的效果。 又或者通過這個值,動態改變頂點的位置,使其出現波動效果。 這些就是常量寄存器可以乾的事。

同樣,常量頂點處理階段和像素處理階段使用的常量寄存器也是不同的。不過,這種情況在SM 4.0以後得到改善,並且有一個趨勢,就是頂點處理和像素處理階段界線不再那麼明顯。 他們可以共用寄存器,共用一些緩存。 但在你沒有完全掌握它們的特點以前,還是老老實實記住這個特性吧。

 

臨時寄存器

臨時寄存器使我們能夠在着色器處理的過程中存放一些臨時的值,若你是用高級着色語言編寫着色程序,那你是感覺不到臨時寄存器存在的,因爲你僅僅是聲明瞭一個臨時變量。 但確實,這就是臨時寄存器的功勞。 它纔是真正的幕後黑手。

 

紋理採樣寄存器

紋理寄存器用於存放你所提交的紋理,並且提供紋理採樣功能。 如臨近點採樣,雙線性採樣,三線性採樣等。 這些都肯定你的指示來做相應的工作。 它主要是輔助你完成紋理映射工作。

 

輸出寄存器

輸出寄存器就是你着色程序能夠輸出的內容,輸出內容通過輸出寄存器傳遞出來。 頂點處理程序的輸出有兩種, 一種是輸出到幀緩衝,另一種是輸出給像素處理程序,最典型的就是紋理座標數據, 當頂點處理程序拿到輸入寄存器傳遞過來的紋理座標值後,經過一些處理,又輸出。 而真正需要使用這個信息的,就是像素處理程序。

常見的有 位置,紋理座標,顏色等。

 

 

-----------------------------------

下面,我們來看一下着色器語言吧。

image

 

着色器程序就如上面講的那樣,分爲了頂點着色程序和像素着色程序。  你可能會發現,這裏多了一個幾何着色程序,這個是後來新加入的兄弟,傳統的着色程序不能增加刪除頂點。 但是,它可以。 有興趣的童鞋中以繼續去了解。

 

着色器語言有高級語言和低級語言兩種。 低級語言採用的是彙編那種助記符方式。

如 dp4 r0,v0,c0 這樣的,表示將v0,c0點乘,並放入臨時寄存器r0中。

 

而高級語言則是C風格的,很符合人們的編程習慣。 與傳統的編程語言發展規律是相同的。

如 float temp = dot(dir,normal);

 

而常見的着色器語言中,低級語言如D3D中的LLSL,以及Adobe新出的Statge3D協同工作的AGAL.

高級語言如 CG,HLSL,GLSL應該很熟了吧。

CG是NVIDIA公司出的語言,它可以在D3D和OPENGL中工作,但需要使用NVIDIA對應的SDK。

HLSL是D3D協同工作的高級着色器語言。

GLSL是OPENGL協同工作的高級着色器語言。

 

--------------------------------------------------------------------------------------------------------------

說了這麼多,我們來看看一個簡單的例子吧。 HLSL版

我打上了註釋,就不再敘述

//VERTEX SHADER

float4x4 matViewProjection; //世界-觀察-投影矩陣

struct VS_INPUT  //輸入結構,這個結構中的內容,表示我們SHADER所關心的內容,同時,程序在進行數據填充時,應該保證這些關注的數據被提交
{
   float4 Position : POSITION0; //位置
   float2 Texcoord : TEXCOORD0; //紋理信息
};

struct VS_OUTPUT //輸出結構,這個結構中的內容,表示此SHADER的輸出
{
   float4 Position : POSITION0; //位置信息,已經經過座標系變換
   float2 Texcoord : TEXCOORD0; //紋理信息
};

 

VS_OUTPUT vs_main( VS_INPUT Input ) //頂點程序的入口函數
{
   VS_OUTPUT Output;  //聲明一個結構體

   Output.Position = mul( Input.Position, matViewProjection ); //做矩陣變換
   Output.Texcoord = Input.Texcoord; //直接輸出紋理信息, 如果你想對它做點手腳,是很容易的。 這就是FFP中紋理矩陣所做的事情。

   return( Output );
}

 

 

//PIXEL SHADER  它就相對簡單多了

sampler2D baseMap; //紋理

struct PS_INPUT //輸入結構,與VS中的輸入結構類似,但此輸入結構均來自於VS的輸出。
{
   float2 Texcoord : TEXCOORD0; //表示我們只需要用到紋理座標信息
};

 

float4 ps_main( PS_INPUT Input ) : COLOR0 //出口函數。  COLOR0表示我們輸出的float4是用作顏色輸出, 也可以定義類似 PS_OUTPUT的結構
{
   return tex2D( baseMap, Input.Texcoord ); //很簡單,就是取得對應紋理座標處的像素值,輸出,  你可以在此做一些事情,比如調得更亮,或者拿另一張紋理採樣,與它混合。 混合的公式就由你自己定了,你想寫得多複雜都可以。 理論是如此。
}

 

//========== 感興趣的朋友可以看看上面的SHADER對應的低級版本==========

// VS
// Generated by Microsoft (R) HLSL Shader Compiler 9.22.949.2248
//
// Parameters:
//
//   float4x4 matViewProjection;
//
//
// Registers:
//
//   Name              Reg   Size
//   ----------------- ----- ----
//   matViewProjection c0       4
//

    vs_2_0
    dcl_position v0
    dcl_texcoord v1
    dp4 oPos.x, v0, c0
    dp4 oPos.y, v0, c1
    dp4 oPos.z, v0, c2
    dp4 oPos.w, v0, c3
    mov oT0.xy, v1

// approximately 5 instruction slots used

 

//PS

//
// Generated by Microsoft (R) HLSL Shader Compiler 9.22.949.2248
//
// Parameters:
//
//   sampler2D baseMap;
//
//
// Registers:
//
//   Name         Reg   Size
//   ------------ ----- ----
//   baseMap      s0       1
//

    ps_2_0
    dcl t0.xy
    dcl_2d s0
    texld r0, t0, s0
    mov oC0, r0

// approximately 2 instruction slots used (1 texture, 1 arithmetic)

 

 

說到這裏,差不多要結束了。但還是再多說兩句。

由於硬件條件的限制 VS和PS中對指令條數和可使用的寄存器個數都有限制,雖然隨着硬件的發展,這個限制已經可以被忽略了。比如SM 4.0就已經將這個限制放寬到很大。

但當我們在寫着色程序時,除了追求效果外,還要追求效率。因此,節約使用資源將會提升效率, 一個很好我評判標準就是你的SHADER所使用的指令數

如上面低級語言版本中 VS,PS都有如下內容

// approximately 5 instruction slots used

// approximately 2 instruction slots used (1 texture, 1 arithmetic)

因此,它將能夠很直觀地評估出你SHADER的效率。 但真正的結果,還是要實際測試。 由於硬件的不同,可能還存在兼容性上的問題。

祝各位一路順風。

 

 

上面的SHADER代碼取自 RenderDonkey 這個軟件  在ATI官網上可以下載。

或者,直接點這裏http://developer.amd.com/archive/gpu/rendermonkey/pages/default.aspx

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章