嗨，我是Dario Corno,也因SpinningKids的rIo而為大家所知。首先，我想要解釋我為什么決定寫(xiě)這點(diǎn)指南。我自1989年以來(lái)就從事scener的工作。我想要你們?nèi)ハ螺d一些demo(示例程序，也就是演示——譯者)以幫助你理解什么是Demo并且demo的效果是什么。
Demos是被用來(lái)展示恰似風(fēng)雅的技術(shù)一樣無(wú)限并且時(shí)而嚴(yán)酷的譯碼。在今天的演示中你通?？偪梢园l(fā)現(xiàn)一些真正迷人的效果。這不是一本迷人的效果指南，但結(jié)果將非常的酷！你能夠從http://www.pouet.net和 http://ftp.scene.org. 發(fā)現(xiàn)大量的演示收集。
既然緒論超出了我們探討的范圍，我們可以繼續(xù)我們的指南了。
我將解釋如何做一個(gè)看起來(lái)象徑向模糊的eye candy 效果。有時(shí)它以測(cè)定體積的光線被提到。不要相信，它僅僅是一個(gè)冒牌的輻射狀模糊;D
輻射狀模糊效果通常借助于模糊在一個(gè)方向上相對(duì)于模糊物的中心原始圖象的每一個(gè)象素來(lái)做的。
借助于現(xiàn)今的硬件用色彩緩沖器來(lái)手工作模糊處理是極其困難的（至少在某種程度上它被所有的gfx卡所支持），因此我們需要一些竅門(mén)來(lái)達(dá)到同樣的效果。
作為一個(gè)獎(jiǎng)勵(lì)當(dāng)學(xué)習(xí)徑向模糊效果時(shí)，你同樣將學(xué)到如何輕松地提供材料的紋理。
我決定在這篇指南中使用彈簧作為外形因?yàn)樗且粋€(gè)酷的外形，另外還因?yàn)槲覍?duì)立方體感到厭煩：}
多留意這篇指南關(guān)于如何創(chuàng)建那個(gè)效果的指導(dǎo)方針是重要的。我不研究解釋那些代碼的詳情。你應(yīng)當(dāng)用心記下它們中的大部分：}
下面是變量的定義和用到的頭文件。

 
  

#include <math.h>                                // 數(shù)學(xué)庫(kù)

float        angle;                            // 用來(lái)旋轉(zhuǎn)那個(gè)螺旋
float        vertexes[3][3];                        // 為3個(gè)設(shè)置的頂點(diǎn)保存浮點(diǎn)信息
float        normal[3];                        // 存放法線數(shù)據(jù)的數(shù)組
GLuint        BlurTexture;                        // 存放紋理編號(hào)的一個(gè)無(wú)符號(hào)整型

  
 函數(shù)EmptyTexture()創(chuàng)建了一個(gè)空的紋理并返回紋理的編號(hào)。我們剛分配了一些自由空間（準(zhǔn)確的是128*128*4無(wú)符號(hào)整數(shù)）。
128*128是紋理的大?。?28象素寬和高），4意味著為每一個(gè)象素我們想用4byte來(lái)存儲(chǔ)紅，綠，藍(lán)和ALPHA組件。
 
  

GLuint EmptyTexture()                            // 創(chuàng)建一個(gè)空的紋理
{
    GLuint txtnumber;                            // 紋理ID
    unsigned int* data;                        // 存儲(chǔ)數(shù)據(jù)

    // 為紋理數(shù)據(jù)（128*128*4）建立存儲(chǔ)區(qū)
    data = (unsigned int*)new GLuint[((128 * 128)* 4 * sizeof(unsigned int))];

  
 在分配完空間之后我們用ZeroMemory函數(shù)清0，返回指針（數(shù)據(jù)）和被清0的存貯區(qū)的大小。
另一半需注意的重要的事情是我們?cè)O(shè)置GL_LINEAR的放大率和縮放率的方法。因?yàn)槲覀儗⒈晃覀兊募y理要求投入全部的精力并且如果被濫用，GL_NEAREST會(huì)看起來(lái)非常糟糕。
 
  

    ZeroMemory(data,((128 * 128)* 4 * sizeof(unsigned int)));    // 清除存儲(chǔ)區(qū)

    glGenTextures(1, &txtnumber);                // 創(chuàng)建一個(gè)紋理
    glBindTexture(GL_TEXTURE_2D, txtnumber);            // 構(gòu)造紋理
    glTexImage2D(GL_TEXTURE_2D, 0, 4, 128, 128, 0,
        GL_RGBA, GL_UNSIGNED_BYTE, data);            // 用數(shù)據(jù)中的信息構(gòu)造紋理
    glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MIN_FILTER,GL_LINEAR);
    glTexParameteri(GL_TEXTURE_2D,GL_TEXTURE_MAG_FILTER,GL_LINEAR);

    delete [] data;                        // 釋放數(shù)據(jù)

    return txtnumber;                        // 返回紋理ID
}

  
 這個(gè)函數(shù)簡(jiǎn)單規(guī)格化法線向量的長(zhǎng)度。向量被當(dāng)作有3個(gè)浮點(diǎn)類型的元素的數(shù)組來(lái)表示，第一個(gè)元素表示X軸，第二個(gè)表示Y，第三個(gè)表示Z。一個(gè)規(guī)格化的向量[Nv]被Vn表達(dá)為Vn=[Vox/|Vo|，Voy/|Vo|，Voz/|Vo|]，這里Vo是最初的向量，|Vo|是該向量的系數(shù)（或長(zhǎng)度），X，Y，Z它的組件。之后由向量的長(zhǎng)度區(qū)分每一個(gè)法線向量組件。
 
  

void ReduceToUnit(float vector[3])                    // 歸一化一個(gè)法向量
{                                // 一定長(zhǎng)度的單位法線向量
    float length;                        // 保存長(zhǎng)度
    // 計(jì)算向量
    length = (float)sqrt((vector[0]*vector[0]) + (vector[1]*vector[1]) + (vector[2]*vector[2]));

    if(length == 0.0f)                        // 避免除0錯(cuò)誤
        length = 1.0f;                    // 如果為0設(shè)置為1

    vector[0] /= length;                    // 歸一化向量
    vector[1] /= length;                       
    vector[2] /= length;                       
}

  
 下面各項(xiàng)計(jì)算所給的3個(gè)頂點(diǎn)向量（總在3個(gè)浮點(diǎn)數(shù)組中）。我們有兩個(gè)參數(shù)：v[3][3]和out[3]。當(dāng)然第一個(gè)參數(shù)是一個(gè)m=3，n=3每一行代表三角形一個(gè)頂點(diǎn)的浮點(diǎn)矩陣。Out是我們要放置作為結(jié)果的法線向量的位置。
相當(dāng)簡(jiǎn)單的數(shù)學(xué)。我們將使用著名的交叉乘積運(yùn)算。理論上說(shuō)交叉乘積是兩個(gè)向量——它返回另一個(gè)直交向量到兩個(gè)原始向量——之間的操作。法線向量是一個(gè)垂直物體表面的直交向量，是與該表面相對(duì)的（通常一個(gè)規(guī)格化的長(zhǎng)度）。設(shè)想兩個(gè)向量是在一個(gè)三角形的一側(cè)的上方，那么這個(gè)三角形兩邊的直交向量（由交叉乘積計(jì)算）就是那個(gè)三角形的法線。
解釋比實(shí)行還難。
我們將著手從現(xiàn)存的頂點(diǎn)0到頂點(diǎn)1，從頂點(diǎn)1到頂點(diǎn)2找到那個(gè)向量。這是基本上通過(guò)減法——下一個(gè)頂點(diǎn)的每個(gè)組件減一個(gè)頂點(diǎn)的每個(gè)組件——作好了的?，F(xiàn)在我們已經(jīng)為我們的三角形的邊找到了那個(gè)向量。通過(guò)交叉相乘我們?yōu)槟莻€(gè)三角形找到了法線向量。
看代碼。
V[0][ ]是第一個(gè)頂點(diǎn)，v[1][ ]是第二個(gè)頂點(diǎn)，v[2][ ]是第三個(gè)頂點(diǎn)。每個(gè)頂點(diǎn)包括：v[ ][0]是頂點(diǎn)的x坐標(biāo)，v[ ][1]是頂點(diǎn)的y坐標(biāo)，v[ ][2]是頂點(diǎn)的z坐標(biāo)。
通過(guò)簡(jiǎn)單的減法從一個(gè)頂點(diǎn)的每個(gè)坐標(biāo)到另一個(gè)頂點(diǎn)每個(gè)坐標(biāo)我們得到了那個(gè)VECTOR。v1[0] = v[0][0] - v[1][0]，這計(jì)算現(xiàn)存的從一個(gè)頂點(diǎn)到另一個(gè)頂點(diǎn)的向量的X組件，v1[1] = v[0][1] - v[1][1]將計(jì)算Y組件，v1[2] = v[0][2] - v[1][2] 計(jì)算Z組件等等。
現(xiàn)在我們有了兩個(gè)向量，所以我們計(jì)算它們的交叉乘積得到那個(gè)三角形的法線。
交叉相乘的規(guī)則是：
out[x] = v1[y] * v2[z] - v1[z] * v2[y]

out[y] = v1[z] * v2[x] - v1[x] * v2[z]

out[z] = v1[x] * v2[y] - v1[y] * v2[x]


我們最終得到了這個(gè)三角形的法線in out[ ]。

 
  

void calcNormal(float v[3][3], float out[3])                // 用三點(diǎn)計(jì)算一個(gè)立方體法線
{
    float v1[3],v2[3];                        // 向量 1 (x,y,z) 和向量 2 (x,y,z)
    static const int x = 0;                    // 定義 X坐標(biāo)
    static const int y = 1;                    // 定義 Y 坐標(biāo)
    static const int z = 2;                    // 定義 Z 坐標(biāo)

// 用減法在兩點(diǎn)之間得到向量// 從一點(diǎn)到另一點(diǎn)的X，Y，Z坐標(biāo)// 計(jì)算點(diǎn)1到點(diǎn)0的向量
    v1[x] = v[0][x] - v[1][x];                   
    v1[y] = v[0][y] - v[1][y];                   
    v1[z] = v[0][z] - v[1][z];                   
    // 計(jì)算點(diǎn)2到點(diǎn)1的向量
    v2[x] = v[1][x] - v[2][x];                   
    v2[y] = v[1][y] - v[2][y];                   
    v2[z] = v[1][z] - v[2][z];                   
    // 計(jì)算交叉乘積為我們提供一個(gè)表面的法線
    out[x] = v1[y]*v2[z] - v1[z]*v2[y];               
    out[y] = v1[z]*v2[x] - v1[x]*v2[z];               
    out[z] = v1[x]*v2[y] - v1[y]*v2[x];               

    ReduceToUnit(out);                        //  規(guī)格化向量
}

  
 下面的例子正好用gluLookAt設(shè)立了一個(gè)觀察點(diǎn)。我們?cè)O(shè)置一個(gè)觀察點(diǎn)放置在0，5，50位置——正照看0，0，0并且所屬的向上的向量正仰望（0，1，0）?。篋 
  

void ProcessHelix()                            // 繪制一個(gè)螺旋
{
    GLfloat x;                            // 螺旋x坐標(biāo)
    GLfloat y;                            // 螺旋y坐標(biāo)
    GLfloat z;                            // 螺旋z坐標(biāo)
    GLfloat phi;                            // 角
    GLfloat theta;                            // 角
    GLfloat v,u;                            // 角
    GLfloat r;                            // 螺旋半徑
    int twists = 5;                            // 5個(gè)螺旋

    GLfloat glfMaterialColor[]={0.4f,0.2f,0.8f,1.0f};            // 設(shè)置材料色彩
    GLfloat specular[]={1.0f,1.0f,1.0f,1.0f};                // 設(shè)置鏡象燈光

    glLoadIdentity();                            // 重置Modelview矩陣
    gluLookAt(0, 5, 50, 0, 0, 0, 0, 1, 0);                // 場(chǎng)景（0，0，0）的視點(diǎn)中心 (0,5,50)，Y軸向上
                                   
    glPushMatrix();                            // 保存Modelview矩陣

    glTranslatef(0,0,-50);                        // 移入屏幕50個(gè)單位
    glRotatef(angle/2.0f,1,0,0);                    // 在X軸上以1/2角度旋轉(zhuǎn)
    glRotatef(angle/3.0f,0,1,0);                    // 在Y軸上以1/3角度旋轉(zhuǎn)

    glMaterialfv(GL_FRONT_AND_BACK,GL_AMBIENT_AND_DIFFUSE,glfMaterialColor);
    glMaterialfv(GL_FRONT_AND_BACK,GL_SPECULAR,specular);

  
 然后我們計(jì)算螺旋的公式并給彈簧著色。十分簡(jiǎn)單，我就不再解釋了，因?yàn)樗皇沁@篇指南的主要目的。這段螺旋代碼經(jīng)過(guò)軟件贊助者的許可被借用（并作了一點(diǎn)優(yōu)化）。這是寫(xiě)作的簡(jiǎn)單的方法，但不是最塊的方法。使用頂點(diǎn)數(shù)組可以使它更快！ 
  

    r=1.5f;                            // 半徑

    glBegin(GL_QUADS);                        // 開(kāi)始繪制立方體
    for(phi=0; phi <= 360; phi+=20.0)                // 以20度的間隔繪制
    {
        for(theta=0; theta<=360*twists; theta+=20.0)       
        {
            v=(phi/180.0f*3.142f);            // 計(jì)算第一個(gè)點(diǎn) ( 0 )的角度
            u=(theta/180.0f*3.142f);            // 計(jì)算第一個(gè)點(diǎn) ( 0 )的角度

            x=float(cos(u)*(2.0f+cos(v) ))*r;        // 計(jì)算x的位置（第一個(gè)點(diǎn)）
            y=float(sin(u)*(2.0f+cos(v) ))*r;        // 計(jì)算y的位置（第一個(gè)位置）
            z=float((( u-(2.0f*3.142f)) + sin(v) ) * r);    // 計(jì)算z的位置（第一個(gè)位置）

            vertexes[0][0]=x;                // 設(shè)置第一個(gè)頂點(diǎn)的x值
            vertexes[0][1]=y;                // 設(shè)置第一個(gè)頂點(diǎn)的y值
            vertexes[0][2]=z;                // 設(shè)置第一個(gè)頂點(diǎn)的z值

            v=(phi/180.0f*3.142f);            // 計(jì)算第二個(gè)點(diǎn)（ 0 ）的角度
            u=((theta+20)/180.0f*3.142f);        // 計(jì)算第二個(gè)點(diǎn)（ 20 ）的角度

            x=float(cos(u)*(2.0f+cos(v) ))*r;        // 計(jì)算x位置（第二個(gè)點(diǎn))
            y=float(sin(u)*(2.0f+cos(v) ))*r;        // 計(jì)算y位置（第二個(gè)點(diǎn))
            z=float((( u-(2.0f*3.142f)) + sin(v) ) * r);    // 計(jì)算z位置（第二個(gè)點(diǎn))

            vertexes[1][0]=x;                // 設(shè)置第二個(gè)頂點(diǎn)的x值
            vertexes[1][1]=y;                // 設(shè)置第二個(gè)頂點(diǎn)的y值
            vertexes[1][2]=z;                // 設(shè)置第二個(gè)頂點(diǎn)的z值

            v=((phi+20)/180.0f*3.142f);            // 計(jì)算第三個(gè)點(diǎn) ( 20 )的角度
            u=((theta+20)/180.0f*3.142f);        // 計(jì)算第三個(gè)點(diǎn) ( 20 )的角度

            x=float(cos(u)*(2.0f+cos(v) ))*r;        // 計(jì)算x位置 (第三個(gè)點(diǎn))
            y=float(sin(u)*(2.0f+cos(v) ))*r;        // 計(jì)算y位置 (第三個(gè)點(diǎn))
            z=float((( u-(2.0f*3.142f)) + sin(v) ) * r);    // 計(jì)算z位置 (第三個(gè)點(diǎn))

            vertexes[2][0]=x;                // 設(shè)置第三個(gè)頂點(diǎn)的x值
            vertexes[2][1]=y;                // 設(shè)置第三個(gè)頂點(diǎn)的y值
            vertexes[2][2]=z;                // 設(shè)置第三個(gè)頂點(diǎn)的z值

            v=((phi+20)/180.0f*3.142f);            // 計(jì)算第四個(gè)點(diǎn)( 20 )的角度
            u=((theta)/180.0f*3.142f);            // 計(jì)算第四個(gè)點(diǎn)( 0 )的角度

            x=float(cos(u)*(2.0f+cos(v) ))*r;        // 計(jì)算x位置 (第四個(gè)點(diǎn))
            y=float(sin(u)*(2.0f+cos(v) ))*r;        // 計(jì)算y位置 (第四個(gè)點(diǎn))
            z=float((( u-(2.0f*3.142f)) + sin(v) ) * r);    // 計(jì)算z位置 (第四個(gè)點(diǎn)))

            vertexes[3][0]=x;                // 設(shè)置第四個(gè)頂點(diǎn)的x值
            vertexes[3][1]=y;                // 設(shè)置第四個(gè)頂點(diǎn)的y值
            vertexes[3][2]=z;                // 設(shè)置第四個(gè)頂點(diǎn)的z值

            calcNormal(vertexes,normal);        // 計(jì)算立方體的法線

            glNormal3f(normal[0],normal[1],normal[2]);    // 設(shè)置法線

            // 渲染四邊形
            glVertex3f(vertexes[0][0],vertexes[0][1],vertexes[0][2]);
            glVertex3f(vertexes[1][0],vertexes[1][1],vertexes[1][2]);
            glVertex3f(vertexes[2][0],vertexes[2][1],vertexes[2][2]);
            glVertex3f(vertexes[3][0],vertexes[3][1],vertexes[3][2]);
        }
    }
    glEnd();                            // 繪制結(jié)束

    glPopMatrix();                        // 取出矩陣
}

  
 這兩個(gè)事例（ViewOrtho and ViewPerspective）被編碼以使它變得很容易地在一個(gè)直交的情形下繪制并且不費(fèi)力的返回透視圖。
ViewOrtho簡(jiǎn)單地設(shè)立了這個(gè)射影矩陣，然后增加一份現(xiàn)行射影矩陣的拷貝到OpenGL棧上。這個(gè)恒等矩陣然后被裝載并且當(dāng)前屏幕正投影觀察決議被提出。
利用2維坐標(biāo)以屏幕左上角0，0和屏幕右下角639，479來(lái)繪制是可能的。
最后，modelview矩陣為透視材料激活。
ViewPerspective設(shè)置射影矩陣模式取回ViewOrtho在堆棧上推進(jìn)的非正交矩陣。然后樣本視圖被選擇因此我們可以透視材料。
我建議你保留這兩個(gè)過(guò)程，能夠著色2D而不需擔(dān)心射影矩陣很不錯(cuò)。 
  

void ViewOrtho()                            // 設(shè)置一個(gè)z正視圖
{
    glMatrixMode(GL_PROJECTION);                // 選擇投影矩陣
    glPushMatrix();                        // 保存當(dāng)前矩陣
    glLoadIdentity();                        // 重置矩陣
    glOrtho( 0, 640 , 480 , 0, -1, 1 );                // 選擇標(biāo)準(zhǔn)模式
    glMatrixMode(GL_MODELVIEW);                    // 選擇樣本視圖矩陣
    glPushMatrix();                        // 保存當(dāng)前矩陣
    glLoadIdentity();                        // 重置矩陣
}

void ViewPerspective()                            // 設(shè)置透視視圖
{
    glMatrixMode( GL_PROJECTION );                    // 選擇投影矩陣
    glPopMatrix();                            // 取出矩陣
    glMatrixMode( GL_MODELVIEW );                    // 選擇模型變換矩陣
    glPopMatrix();                            //彈出矩陣
}

  
 現(xiàn)在是解釋那個(gè)冒牌的輻射狀的模糊效果是如何作的時(shí)候了。
我們需要繪制這個(gè)場(chǎng)景——它從中心開(kāi)始在所有方向上模糊出現(xiàn)。竅門(mén)是在沒(méi)有主要的性能瓶頸的情況下做出的。我們不能讀寫(xiě)象素，并且如果我們想和非kick-butt視頻卡兼容，我們不能使用擴(kuò)展名何驅(qū)動(dòng)程序特殊命令。
沒(méi)辦法了嗎？
不，解決方法非常簡(jiǎn)單，OpenGL賦予我們“模糊”紋理的能力。OK……并非真正的模糊，但我們利用線性過(guò)濾去依比例決定一個(gè)紋理，結(jié)果（有些想象成分）看起來(lái)象高斯模糊。
因此如果我們正確地在3D場(chǎng)景中放了大量的被拉伸的紋理并依比例決定會(huì)有什么發(fā)生？
答案比你想象的還簡(jiǎn)單。
問(wèn)題一：透視一個(gè)紋理
有一個(gè)后緩沖器在象素格式下問(wèn)題容易解決。在沒(méi)有后緩沖器的情況下透視一個(gè)紋理在眼睛看來(lái)是一個(gè)真正的痛苦。
透視紋理剛好借助一個(gè)函數(shù)來(lái)完成。我們需要繪制我們的實(shí)體然后利用glCopytexImage函數(shù)復(fù)制這個(gè)結(jié)果（在交換前，后緩沖器之前）后到紋理。
問(wèn)題二：在3D實(shí)體前精確地協(xié)調(diào)紋理。
我們知道：如果我們?cè)跊](méi)有設(shè)置正確的透視的情況下改變了視口，我們就得到一個(gè)我們的實(shí)體的一個(gè)被拉伸的透視圖。例如如果我們?cè)O(shè)置一個(gè)是視口足夠?qū)捨覀兙偷玫揭粋€(gè)垂直地被拉伸的透視圖。
解決方法是首先設(shè)置一個(gè)視口正如我們的紋理（128×128）。透視我們的實(shí)體到這個(gè)紋理之后，我們利用當(dāng)前屏幕決議著色這個(gè)紋理到屏幕。這種方法OpenGL縮減這個(gè)實(shí)體去適應(yīng)紋理，并且我們拉伸紋理到全屏大小時(shí)，OpenGL重新調(diào)整紋理的大小去完美的適應(yīng)在我們的3d實(shí)體頂端。希望我沒(méi)有丟掉任何一點(diǎn)。另一個(gè)靈活的例子是，如果你取一個(gè)640×480大小screenshot，然后調(diào)整成為256x256的位圖，你可以以一個(gè)紋理裝載這個(gè)位圖，并拉伸它使之適合640x480的屏幕。這個(gè)質(zhì)量可能不會(huì)以前一樣好，但是這個(gè)紋理排列起的效果應(yīng)當(dāng)接近最初的640x480圖象。
On to the fun stuff! 這個(gè)函數(shù)相當(dāng)簡(jiǎn)單，并且是我的首選的“設(shè)計(jì)竅門(mén)”之一。它設(shè)置一個(gè)與我們的BlurTexture度數(shù)相匹配的大小的視口。然后它被彈簧的著色程序調(diào)用。彈簧將由于視口被拉伸適應(yīng)128*128的紋理。
在彈簧被拉伸至128x128視口大小之后，我們約定BlurTexture 且用glCopyTexImage2D從視口拷貝色彩緩沖器到BlurTexture。
參數(shù)如下：
GL_TEXTURE_2D指出我們正使用一個(gè)2Dimensional紋理，0是我們想要拷貝緩沖器到mip的繪圖等級(jí)，默認(rèn)等級(jí)是0。GL_LUMINANCE指出被拷貝的數(shù)據(jù)格式。我之所以使用GL_LUMINANCE因?yàn)樽罱K結(jié)果看起來(lái)比較好。這種情形緩沖器的亮度部分將被拷貝到紋理。其它參數(shù)可以是GL_ALPHA, GL_RGB, GL_INTENSITY等等。
其次的兩個(gè)參數(shù)告訴OpenGL從（0，0）開(kāi)始拷貝到哪里。寬度和高度(128,128)是從左到右有多少象素要拷貝并且上下拷貝多少。最后一個(gè)參數(shù)僅用來(lái)指出我們是否想要一個(gè)邊界——哪個(gè)不想要。
既然在我們的BlurTexture我們已經(jīng)有了一個(gè)色彩緩沖器的副本（和被拉伸的彈簧一致），我們可以清除那個(gè)緩沖器，向后設(shè)置那個(gè)視口到適當(dāng)?shù)亩葦?shù)（640x480全屏）。
重要：
這個(gè)竅門(mén)能用在只有雙緩沖器象素格式的情況下。原因是所有這些操作從觀察者面前被隱藏起來(lái)。（在后緩沖器完成）。
 
  

void RenderToTexture()                        // 著色到一個(gè)紋理
{
    glViewport(0,0,128,128);                    // 設(shè)置我們的視口

    ProcessHelix();                        // 著色螺旋

    glBindTexture(GL_TEXTURE_2D,BlurTexture);            // 綁定模糊紋理

    // 拷貝我們的視口到模糊紋理 (從 0,0 到 128,128... 無(wú)邊界)
    glCopyTexImage2D(GL_TEXTURE_2D, 0, GL_LUMINANCE, 0, 0, 128, 128, 0);

    glClearColor(0.0f, 0.0f, 0.5f, 0.5);                //調(diào)整清晰的色彩到中等藍(lán)色
    glClear(GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);        // 清屏和深度緩沖

    glViewport(0 , 0,640 ,480);                    // 調(diào)整視口 (0,0 to 640x480)
}

  
 DrawBlur函數(shù)僅在我們的3D場(chǎng)景前繪制一些混合的方塊——用BlurTexture我們以前已實(shí)現(xiàn)。這樣，借由阿爾發(fā)和縮放這個(gè)紋理，我們得到了真正看起來(lái)象輻射狀的模糊的效果。
我首先禁用GEN_S 和 GEN_T（我沉溺于球體影射，因此我的程序通常啟用這些指令：P）。
我們啟用2D紋理，禁用深度測(cè)試，調(diào)整正確的函數(shù)，起用混合然后約束B(niǎo)lurTexture。
下一件我們要作的事情是轉(zhuǎn)換到標(biāo)準(zhǔn)視圖，那樣比較容易繪制一些完美適應(yīng)屏幕大小的方塊。這是我們?cè)?D實(shí)體頂端排列紋理的方法（通過(guò)拉伸紋理匹配屏幕比例）。這是問(wèn)題二要解決的地方。
 
  

void DrawBlur(int times, float inc)                    // 繪制模糊的圖象
{
    float spost = 0.0f;                    // 紋理坐標(biāo)偏移量
    float alphainc = 0.9f / times;                // alpha混合的衰減量
    float alpha = 0.2f;                    // Alpha初值

// 禁用自動(dòng)生成紋理坐標(biāo)
    glDisable(GL_TEXTURE_GEN_S);
    glDisable(GL_TEXTURE_GEN_T);

    glEnable(GL_TEXTURE_2D);                    // 啟用 2D 紋理映射
    glDisable(GL_DEPTH_TEST);                    // 深度測(cè)試不可用
    glBlendFunc(GL_SRC_ALPHA,GL_ONE);                // 設(shè)置混合模式
    glEnable(GL_BLEND);                    // 啟用混合
    glBindTexture(GL_TEXTURE_2D,BlurTexture);            // 綁定混合紋理
    ViewOrtho();                        // 切換到標(biāo)準(zhǔn)視圖

    alphainc = alpha / times;                    // 減少alpha值

  
 我們多次繪制這個(gè)紋理用于創(chuàng)建那個(gè)輻射效果， 縮放這個(gè)紋理坐標(biāo)并且每次我們做另一個(gè)關(guān)口時(shí)增大混合因數(shù) 。我們繪制25個(gè)方塊，每次按照0.015f拉伸這個(gè)紋理。 
  

    glBegin(GL_QUADS);                        // 開(kāi)始繪制方塊
        for (int num = 0;num < times;num++)            // 著色模糊物的次數(shù)
        {
            glColor4f(1.0f, 1.0f, 1.0f, alpha);        // 調(diào)整alpha值
            glTexCoord2f(0+spost,1-spost);           
            glVertex2f(0,0);               

            glTexCoord2f(0+spost,0+spost);           
            glVertex2f(0,480);           

            glTexCoord2f(1-spost,0+spost);       
            glVertex2f(640,480);               

            glTexCoord2f(1-spost,1-spost);           
            glVertex2f(640,0);           

            spost += inc;                // 逐漸增加 spost (快速靠近紋理中心)
            alpha = alpha - alphainc;            // 逐漸增加 alpha (逐漸淡出紋理)
        }
    glEnd();                            // 完成繪制方塊

    ViewPerspective();                        // 轉(zhuǎn)換到一個(gè)透視視圖

    glEnable(GL_DEPTH_TEST);                    // 深度測(cè)試可用
    glDisable(GL_TEXTURE_2D);                    // 2D紋理映射不可用
    glDisable(GL_BLEND);                    // 混合不可用
    glBindTexture(GL_TEXTURE_2D,0);                // 釋放模糊紋理
}

  
 瞧，這是以前從未見(jiàn)過(guò)的最短的繪制程序，有很棒的視覺(jué)效果！
我們調(diào)用RenderToTexture 函數(shù)。幸虧我們視口改變這個(gè)函數(shù)才著色被拉伸的彈簧。 對(duì)于我們的紋理拉伸的彈簧被著色，并且這些緩沖器被清除。
我們之后繪制“真正的”彈簧 (你在屏幕上看到的3D實(shí)體) 通過(guò)調(diào)用 ProcessHelix( )。
最后我們?cè)趶椈汕懊胬L制一些混合的方塊。有織紋的方塊將被拉伸以適應(yīng)在真正的3D彈簧
上面。

 
  

void Draw (void)                            // 繪制場(chǎng)景
{
    glClearColor(0.0f, 0.0f, 0.0f, 0.5);                // 將清晰的顏色設(shè)定為黑色
    glClear (GL_COLOR_BUFFER_BIT | GL_DEPTH_BUFFER_BIT);        // 清除屏幕和深度緩沖器
    glLoadIdentity();                        // 重置視圖
    RenderToTexture();                        // 著色紋理
    ProcessHelix();                        // 繪制我們的螺旋
    DrawBlur(25,0.02f);                    // 繪制模糊效果
    glFlush ();                        // 強(qiáng)制OpenGL繪制我們所有的圖形
}

  
 我希望你滿意這篇指南，它實(shí)在沒(méi)有比透視一個(gè)紋理講授更多其它內(nèi)容，但它是一個(gè)干脆地添加到你的3D應(yīng)用程序中有趣的效果。
如果你有任何的注釋建議或者如果你知道一種更好的方法執(zhí)行這個(gè)效果聯(lián)系我rio@spinningkids.org。
我也想要委托你去做一列事情（家庭作業(yè)）：D
1） 更改DrawBlur程序變?yōu)橐粋€(gè)水平的模糊之物，垂直的模糊之物和一些更好的效果。（轉(zhuǎn)動(dòng)模糊之物?。?。
2） 玩轉(zhuǎn)DrawBlur參數(shù)（添加，刪除）變?yōu)橐粋€(gè)好的程序和你的音樂(lè)同步。
3） 用GL_LUMINANCE玩弄DrawBlur參數(shù)和一個(gè)SMALL紋理（驚人的光亮！）。
4） 用暗色紋理代替亮色嘗試大騙（哈哈，自己造的）測(cè)定體積的陰影。
好了，這應(yīng)該是所有的了（到此為止）。
訪問(wèn)我的站點(diǎn)http://www.spinningkids.org/rio.
獲得更多的最新指南。