一苦囱、鏈?zhǔn)綖V鏡概念
鏈?zhǔn)綖V鏡 通過幀緩沖離屏渲染技術(shù)實(shí)現(xiàn)特效的組合和疊加。通過多次draw最終實(shí)現(xiàn)預(yù)期效果脾猛。
二、渲染流程中的幀緩沖
OpenGL的工作流程鱼鸠，輸入像素?cái)?shù)據(jù)和頂點(diǎn)數(shù)據(jù)猛拴，兩種數(shù)據(jù)分別操作后，通過光柵化蚀狰，得到片段愉昆，再經(jīng)過片段處理，最后繪制到幀緩沖區(qū)麻蹋，最終轉(zhuǎn)化為像素?cái)?shù)據(jù)跛溉。OpenGL 管線渲染的最終目的地就是FrameBuffer（幀緩沖）。下面是OpenGL渲染流程圖扮授。
三芳室、幀緩沖對(duì)象
在OpenGL渲染管線中，幾何數(shù)據(jù)和紋理經(jīng)過多次轉(zhuǎn)化和多次測(cè)試刹勃，最后以二維像素的形式顯示在屏幕上堪侯。OpenGL管線的最終渲染目的地被稱作幀緩存（framebuffer）。幀緩沖是一些二維數(shù)組和OpenG所使用的存儲(chǔ)區(qū)的集合：顏色緩存荔仁、深度緩存伍宦、模板緩存和累計(jì)緩存芽死。一般情況下，幀緩存完全由window系統(tǒng)生成和管理次洼，由OpenGL使用关贵。這個(gè)默認(rèn)的幀緩存被稱作“window系統(tǒng)生成”（window-system-provided）的幀緩存。OpenGL允許我們定義我們自己的幀緩沖卖毁，也就是說我們能夠定義我們自己的顏色緩沖揖曾，甚至是深度緩沖和模板緩沖。在一個(gè)幀緩存對(duì)象中有多個(gè)顏色關(guān)聯(lián)點(diǎn)势篡、一個(gè)深度關(guān)聯(lián)點(diǎn)翩肌，和一個(gè)模板關(guān)聯(lián)。每個(gè)幀緩存中至少有一個(gè)顏色關(guān)聯(lián)點(diǎn)禁悠，其數(shù)目與實(shí)體顯卡相關(guān)念祭。可以通過GL_MAX_COLOR_ATTACHMENTS_EXT來查詢顏色關(guān)聯(lián)點(diǎn)的最大數(shù)目碍侦。
需要注意：FBO中并沒有存儲(chǔ)圖像粱坤，只有多個(gè)關(guān)聯(lián)點(diǎn)。
四瓷产、自定義幀緩沖
1：創(chuàng)建一個(gè)幀緩沖.
unsignedintfbo;glGenFramebuffers(1,&fbo);
2：綁定幀緩沖,幀緩沖會(huì)在被綁定時(shí)隱士開啟
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
3：渲染到紋理
glGenTextures(1, &texture);glBindTexture(GL_TEXTURE_2D, texture);glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, 800, 600, 0, GL_RGB, GL_UNSIGNED_BYTE, NULL);glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, texture, 0);
五站玄、渲染鏈條
多個(gè)特效組合結(jié)構(gòu)如下,綁定frame buffer 0 作用是再次激活默認(rèn)幀緩沖，在主窗口中有視覺效果濒旦。
1：灰度 fragment shaderGray
precision highp float; uniform sampler2D Texture;?
varying vec2 TextureCoordsVarying;?
const highp vec3 W = vec3(0.2125, 0.7154, 0.0721);
void main (void) {?
?vec4 mask = texture2D(Texture, TextureCoordsVarying);?
?floatluminance = dot(mask.rgb, W);?
?gl_FragColor = vec4(vec3(luminance), 1.0);?
}
1：上下顛倒 fragment shaderReverse
//setp two?
DrawWithGrayInShaderReverse(texture)
precision highp float;
uniform sampler2D Texture;
varying vec2 TextureCoordsVarying;
void main (void) {
? ? vec4 color = texture2D(Texture, vec2(TextureCoordsVarying.x, 1.0 - TextureCoordsVarying.y));
? ? gl_FragColor = color;
}
偽代碼如下:
// Step one
unsigned int fbo;
glGenFramebuffers(1, &fbo);
glBindFramebuffer(GL_FRAMEBUFFER, fbo);
unsigned int texture;
glGenTextures(1, &texture);
glBindTexture(GL_TEXTURE_2D, texture);
glTexImage2D(GL_TEXTURE_2D, 0, GL_RGB, 800, 600, 0, GL_RGB, GL_UNSIGNED_BYTE, NULL);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MIN_FILTER, GL_LINEAR);
glTexParameteri(GL_TEXTURE_2D, GL_TEXTURE_MAG_FILTER, GL_LINEAR);
glFramebufferTexture2D(GL_FRAMEBUFFER, GL_COLOR_ATTACHMENT0, GL_TEXTURE_2D, texture, 0);
DrawShaderGray(); //繪制結(jié)果在texture
//setp two?
DrawWithGrayInShaderReverse(texture)
