本文主要解決2個問題：
1、不同格式的圖片，如何作為紋理使用（png妄帘、bmp）获列？
2、兩張紋理如何進行融合操作，并且通過融合因子去調(diào)整顯示效果？
一、不同格式的圖片闪朱，如何作為紋理使用（png、bmp）钻洒？
1.1 png格式
不管三七二十一奋姿，直接把圖片替換掉，看看效果素标。
嗯称诗？這詭異的顯示是啥？
第一反應(yīng)头遭，某些參數(shù)設(shè)置出錯粪狼，尤其是glTexImage2D函數(shù)退腥。直接瞄準參數(shù)GL_RGB，png圖片有度的信息再榄，所以格式應(yīng)該設(shè)置為GL_RGBA才對狡刘。想明白了，馬上修改試試困鸥。
不出所料嗅蔬！
1.2 bmp格式
還是那樣，先直接改文件看效果疾就。
不對啊澜术，bmp格式不是有透明通道嗎？怎么回事猬腰？來檢查一下圖片的屬性鸟废。
哦，原來位深度只有24姑荷，也就是只有RGB三個通道了盒延。把格式換回GL_RGB應(yīng)該沒問題了。
對的鼠冕，我們分析地沒錯添寺。那么問題來了，難道我們需要一張張查看圖片的屬性來設(shè)置這個格式嗎懈费？這也太復(fù)雜了计露，或者根據(jù)圖片的后綴確定用什么參數(shù)。要是相同后綴的圖片有不同格式咋辦憎乙？
沒有開玩笑哦票罐，這樣的圖片還是很常見的。
仔細看看代碼泞边，原來我們在加載圖片的時候已經(jīng)讀取出通道數(shù)量了该押，保存在nrChannels變量中。這樣就方便多了繁堡！我們完全可以根據(jù)通道數(shù)量來設(shè)置格式沈善。簡單點乡数，直接用一行代碼搞定：
GLint format = nrChannels == 3 ? GL_RGB : GL_RGBA;
然后在調(diào)用的時候就可以用format變量了椭蹄。
glTexImage2D(GL_TEXTURE_2D, 0, format, width, height, 0, format, GL_UNSIGNED_BYTE, data);
效果圖：
工程源碼：http://pan.baidu.com/s/1mh6oQMW
二、兩張紋理如何進行融合操作净赴，并且通過融合因子去調(diào)整顯示效果绳矩？
2.1 紋理單元
細心的你可能早就發(fā)現(xiàn)了，我們之前的使用紋理采樣的時候玖翅，并沒有對片元著色器中的采樣器進行賦值翼馆，但顯示的效果確實正確的割以。為什么呢？
這里就要引出一個紋理單元的概念应媚。什么是紋理單元严沥，說實話，筆者也沒有找到確切的定義中姜，只知道紋理是通過紋理單元這個東西綁定到OpenGL環(huán)境中的消玄。根據(jù)筆者的理解，紋理單元應(yīng)該是OpenGL中內(nèi)置的關(guān)于紋理的一些配置丢胚，OpenGL會根據(jù)這些配置來操作紋理翩瓜。在OpenGL中，紋理單元的數(shù)量至少有16個携龟，我們可以通過GL_TEXTURE0...GL_TEXTURE15來激活使用兔跌。默認激活的是GL_TEXTURE0，所以我們之前的操作都是針對GL_TEXTURE0的峡蟋。
讓我們來激活另一個紋理單元并且對它進行一些操作坟桅。
首先，我們用glActiveTexture(GL_TEXTURE1)來激活紋理單元1层亿，使之可操作桦卒。
然后，將一個新的紋理ID綁定到這個紋理對象上匿又，我們不妨將這個新ID定義成texture2方灾，調(diào)用glBindTexture(GL_TEXTURE_2D,texture2)進行綁定。
接下來碌更，如同之前一樣裕偿，設(shè)置好環(huán)繞和過濾方式。
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_S, GL_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_WRAP_T, GL_REPEAT);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR_MIPMAP_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
再接著痛单，我們把圖片加載進去嘿棘，綁定到當(dāng)前的紋理單元上：
//加載圖片
stbi_set_flip_vertically_on_load(true);
unsigned char* data2 = stbi_load("awesomeface.png", &width, &height, &nrChannels, 0);
if (data2) {
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGBA, width, height, 0, GL_RGBA, GL_UNSIGNED_BYTE, data2);
glGenerateMipmap(GL_TEXTURE_2D);
}
else
std::cout << "無法加載問題，請檢查代碼或資源是否有誤旭绒。" << std::endl;
stbi_image_free(data2);
最后鸟妙，非常重要的一個步驟是，我們需要告訴OpenGL著色器采樣器和紋理單元之間的對應(yīng)關(guān)系挥吵。
//告訴OpenGL哪個采樣器屬于哪個紋理單元
shader.use(); //著色器要使用之后才能操作
shader.setInt("texture1", 0); //采樣器1對應(yīng)編號0的紋理單元
shader.setInt("texture2", 1); //采樣器2對應(yīng)編號1的紋理單元
我們的片元著色器中重父，也需要做相應(yīng)的改動：
uniform sampler2D texture1;
uniform sampler2D texture2;
void main()
{
FragColor = mix(texture(texture1, TexCoord), texture(texture2, TexCoord), 0.2);
}
mix函數(shù)是對某個點的紋理進行混合運算，0.2表示該點的顏色20%來自采樣器2,80%來自采樣器1忽匈。好了房午，編譯運行我們的程序。
效果很贊丹允，但是還沒達到我們想要的狀態(tài)郭厌。別忘了袋倔，我們還要通過融合因子對其進行控制！
2.2 融合因子控制
直覺上的折柠，我們需要三步走：
- 第一步：定義一個全局的融合因子
- 第二步：點擊上下箭頭的時候設(shè)置這個值
- 第三步：設(shè)置這個融合因子變量值
第一步：定義一個全局的融合因子
float factor = 0.2f;
第二步：點擊上下箭頭的時候設(shè)置這個值
查找上箭頭和下箭頭的按鈕值：GLFW_KEY_UP和GLFW_KEY_DOWN宾娜，在處理輸入的函數(shù)(processInput)中，添加對其的處理扇售。每次按向上箭頭時融合因子增加0.01（最大為1.0）碳默，每次按向下箭頭時融合因子減少0.01,（最小為0.0）。
if (glfwGetKey(window, GLFW_KEY_UP) == GLFW_PRESS) {
factor += 0.01f;
if (factor > 1.0f)
factor = 1.0f;
}
if (glfwGetKey(window, GLFW_KEY_DOWN) == GLFW_PRESS) {
factor -= 0.01f;
if (factor < 0.0f)
factor = 0.0f;
}
第三步：設(shè)置這個融合因子變量值
在使用了著色器之后缘眶，設(shè)置其值嘱根。
shader.setFloat("factor", factor);
好了，非常簡單巷懈，但是一定要自己實現(xiàn)才行该抒。編譯運行，這下我們可以通過按鈕來控制了６パ唷（沒法放視頻凑保，就不截圖了。）
整個工程的源碼可以在這里找到：http://pan.baidu.com/s/1eRWj7kY
參考資料：
www.learningopengl.com（非常好的網(wǎng)站涌攻，建議學(xué)習(xí)）
