第08課：混合 (參照NeHe)

這次教程中，我們將在紋理對映的基礎上加上混合，使它看起來具有透明的效果，當然解釋它不是那麼容易但程式碼並不難，希望你喜歡它。

OpenGL中的絕大多數特效都與某些型別的（色彩）混合有關。混色的定義為，將某個畫素的顏色和已繪製在螢幕上與其對應的畫素顏色相互結合。至於如何結合這兩種顏色則依賴於顏色的alpha通道的分量值，以及所用的混色函式。Alpha通常是位於顏色值末尾的第4個顏色組成分量，一般都認為Alpha分量代表材料的透明度。也就是說，alpha值為0.0時所代表的材料是完全透明的，alpha值為1.0時所代表的材料則是完全不透明的。

在OpenGL中實現混色的步驟類似於我們以前提到的OpenGL過程，接著設定公式，並在繪製透明物件時關閉寫深度快取。因為我們想在半透明的圖形背後繪製物件，這不是正確的混色方法，但絕大多數時候這種做法在簡單的專案中都工作得很好。正確的混色過程應該是先繪製全部非透明場景之後，再繪製透明的圖形，並且要按照與深度快取相反的次序來繪製

程式執行時效果如下：

下面進入教程：

我們這次將在第07課的基礎上修改程式碼，首先開啟myglwidget.h檔案，增加一個布林變數m_Blend來記錄是否開啟混合，修改後程式碼如下：

#ifndef MYGLWIDGET_H
#define MYGLWIDGET_H

#include <QWidget>
#include <QGLWidget>

class MyGLWidget : public QGLWidget
{
    Q_OBJECT
public:
    explicit MyGLWidget(QWidget *parent = 0);
    ~MyGLWidget();

protected:
    //對3個純虛擬函式的重定義
    void initializeGL();
    void resizeGL(int w, int h);
    void paintGL();

    void keyPressEvent(QKeyEvent *event);           //處理鍵盤按下事件

private:
    bool fullscreen;                                //是否全屏顯示

    QString m_FileName;                             //圖片的路徑及檔名
    GLuint m_Texture;                               //儲存一個紋理

    bool m_Light;                                   //光源的開/關
    bool m_Blend;                                   //是否混合
    
    GLfloat m_xRot;                                 //x旋轉角度
    GLfloat m_yRot;                                 //y旋轉角度
    GLfloat m_xSpeed;                               //x旋轉速度
    GLfloat m_ySpeed;                               //y旋轉速度
    GLfloat m_Deep;                                 //深入螢幕的距離
};

#endif // MYGLWIDGET_H
 

MyGLWidget::MyGLWidget(QWidget *parent) :
    QGLWidget(parent)
{
    fullscreen = false;
    m_FileName = "D:/QtOpenGL/QtImage/Glass.bmp";        //應根據實際存放圖片的路徑進行修改
    m_Light = false;
    m_Blend = false;

    m_xRot = 0.0f;
    m_yRot = 0.0f;
    m_xSpeed = 0.0f;
    m_ySpeed = 0.0f;
    m_Deep = -5.0f;

    QTimer *timer = new QTimer(this);                   //建立一個定時器
    //將定時器的計時訊號與updateGL()繫結
    connect(timer, SIGNAL(timeout()), this, SLOT(updateGL()));
    timer->start(10);                                   //以10ms為一個計時週期
}
 

void MyGLWidget::initializeGL()                         //此處開始對OpenGL進行所以設定
{
    m_Texture = bindTexture(QPixmap(m_FileName));       //載入點陣圖並轉換成紋理
    glEnable(GL_TEXTURE_2D);                            //啟用紋理對映

    glClearColor(0.0f, 0.0f, 0.0f, 0.0f);               //黑色背景
    glShadeModel(GL_SMOOTH);                            //啟用陰影平滑

    glClearDepth(1.0);                                  //設定深度快取
    glEnable(GL_DEPTH_TEST);                            //啟用深度測試
    glDepthFunc(GL_LEQUAL);                             //所作深度測試的型別
    glHint(GL_PERSPECTIVE_CORRECTION_HINT, GL_NICEST);  //告訴系統對透視進行修正

    //下面是光源部分
    GLfloat LightAmbient[] = {0.5f, 0.5f, 0.5f, 1.0f};  //環境光引數
    GLfloat LightDiffuse[] = {1.0f, 1.0f, 1.0f, 1.0f};  //漫散光引數
    GLfloat LightPosition[] = {0.0f, 0.0f, 2.0f, 1.0f}; //光源位置
    glLightfv(GL_LIGHT1, GL_AMBIENT, LightAmbient);     //設定環境光
    glLightfv(GL_LIGHT1, GL_DIFFUSE, LightDiffuse);     //設定漫射光
    glLightfv(GL_LIGHT1, GL_POSITION, LightPosition);   //設定光源位置
    glEnable(GL_LIGHT1);                                //啟動一號光源

    //下面是混合部分
    glColor4f(1.0f, 1.0f, 1.0f, 0.5f);                  //全亮度，50%Alpha混合
    glBlendFunc(GL_SRC_ALPHA, GL_ONE);                  //基於源畫素alpah通道值得半透明混合函式
}

最後是鍵盤控制的程式碼，具體程式碼如下：

void MyGLWidget::keyPressEvent(QKeyEvent *event)
{
    switch (event->key())
    {
    case Qt::Key_F1:                                    //F1為全屏和普通屏的切換鍵
        fullscreen = !fullscreen;
        if (fullscreen)
        {
            showFullScreen();
        }
        else
        {
            showNormal();
        }
        break;
    case Qt::Key_Escape:                                //ESC為退出鍵
        close();
        break;
    case Qt::Key_B:                                     //B為開始關閉混合而對切換鍵
        m_Blend = !m_Blend;
        if (m_Blend)
        {
            glEnable(GL_BLEND);                         //開啟混合
            glDisable(GL_DEPTH_TEST);                   //關閉深度測試
        }
        else
        {
            glDisable(GL_BLEND);                        //關閉混合
            glEnable(GL_DEPTH_TEST);                    //開啟深度測試
        }
        break;
    case Qt::Key_L:                                     //L為開啟關閉光源的切換鍵
        m_Light = !m_Light;
        if (m_Light)
        {
            glEnable(GL_LIGHTING);                      //開啟光源
        }
        else
        {
            glDisable(GL_LIGHTING);                     //關閉光源
        }
        break;
    case Qt::Key_PageUp:                                //PageUp按下使木箱移向螢幕內部
        m_Deep -= 0.1f;
        break;
    case Qt::Key_PageDown:                              //PageDown按下使木箱移向觀察者
        m_Deep += 0.1f;
        break;
    case Qt::Key_Up:                                    //Up按下減少m_xSpeed
        m_xSpeed -= 0.1f;
        break;
    case Qt::Key_Down:                                  //Down按下增加m_xSpeed
        m_xSpeed += 0.1f;
        break;
    case Qt::Key_Right:                                 //Right按下減少m_ySpeed
        m_ySpeed -= 0.1f;
        break;
    case Qt::Key_Left:                                  //Left按下增加m_ySpeed
        m_ySpeed += 0.1f;
        break;
    }
}

現在就可以執行程式看效果了！