http://blog.csdn.net/u011371324/article/details/68946779

默認(rèn)情況下，Opengl?ES使用系統(tǒng)提供的幀緩沖區(qū)作為繪圖表面，一般情況下，如果只在屏幕的表面繪圖的話，系統(tǒng)提供的默認(rèn)幀緩沖區(qū)很高效，但是很多應(yīng)用程序需要渲染到紋理。此時，就需要我們自己來創(chuàng)建幀緩沖區(qū)對象。比如在VR中就需要使用幀緩沖對象在同一塊屏幕上來實(shí)現(xiàn)雙眼顯示模式。

?

首先，說下渲染到紋理的概念。

渲染到紋理（Render to Texture），將我們要繪制的場景保存到一張紋理當(dāng)中，打個比喻，類似于利用手機(jī)的截圖操作，手機(jī)的畫面就好比是已經(jīng)渲染好的內(nèi)容，截圖得到的圖片相當(dāng)于紋理，然后將它附加到緩沖區(qū)對象上。

?

在Opengl中，幀緩沖區(qū)是渲染管線的最后一步，即可以理解為將在屏幕上顯示的信息都保存在這里，它像一個容器，里面有顏色附著、紋理、模板、深度等信息，下圖就是幀緩沖區(qū)、渲染緩沖區(qū)對象、紋理的關(guān)系。

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

?

?

當(dāng)我們自己不創(chuàng)建幀緩沖區(qū)對象時，使用的是系統(tǒng)默認(rèn)提供的，此時，當(dāng)前我們的渲染操作都是針對系統(tǒng)的幀緩沖區(qū)對象，就像向該容器中放信息，而在顯示時，也是由該容器提供信息。

?

所以想要在一塊屏幕上顯示左右兩塊區(qū)域的圖像時，就需要再增加2個“容器”，來暫時保存紋理等信息，顯示時再將這兩個容器的信息交給系統(tǒng)的容器，即將2個自己創(chuàng)建的幀緩沖區(qū)對象的紋理作為系統(tǒng)緩沖區(qū)對象的紋理，然后進(jìn)行繪圖顯示

?

有個疑問是，既然都是容器，為什么還要用自己創(chuàng)建呢？

假設(shè)同一個屏幕上的兩個區(qū)域顯示兩幅圖像，左右場景不同，渲染管線出來只有一張紋理放到“容器”中，兩個管線得到兩張紋理，但是系統(tǒng)的幀緩沖區(qū)只對應(yīng)一個渲染管線，不能直接使用兩張紋理，所以就需要弄兩個“容器”來緩存一下兩張紋理，然后在屏幕顯示每一幀的過程中，在左右兩部分分別使用兩張紋理進(jìn)行繪制，再得到一個整合后的紋理，然后交給系統(tǒng)的幀緩沖區(qū)。這樣，就能實(shí)現(xiàn)同一個屏幕上的兩個區(qū)域顯示兩幅圖像，利用兩個“容器”（自己創(chuàng)建的幀緩沖區(qū)對象）類似于卸磨殺驢。

?

?

使用幀緩沖對象渲染到紋理的基本操作，其中，初始化緩沖區(qū)對象最為關(guān)鍵，主要有以下幾個步驟

?

a)創(chuàng)建幀緩沖對象
b)創(chuàng)建與幀緩沖對象一起使用的紋理對象
c)創(chuàng)建渲染緩沖區(qū)對象
d)綁定幀緩沖區(qū)對象
e)綁定紋理對象
f)設(shè)置紋理的參數(shù)，格式、尺寸等設(shè)置
g)綁定渲染緩沖區(qū)對象并設(shè)置尺寸
h)連接紋理對象到緩沖區(qū)對象的顏色附著上
i)連接渲染緩沖區(qū)對象到深度附著

?

上面是基本的理論部分，下面直接上代碼

?

int[] temp =?new?int[1];

//generate fbo id

GLES20.glGenFramebuffers(1, temp, 0);

fboId = temp[0];

//generate texture

GLES20.glGenTextures(1, temp, 0);

fboTex = temp[0];

//generate render buffer

GLES20.glGenRenderbuffers(1, temp, 0);

renderBufferId = temp[0];

//Bind Frame buffer

GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, fboId);

//Bind texture

GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, fboTex);

//Define texture parameters

GLES20.glTexImage2D(GLES20.GL_TEXTURE_2D, 0, GLES20.GL_RGBA, fboWidth, fboHeight, 0, GLES20.GL_RGBA, GLES20.GL_UNSIGNED_BYTE,null);

GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_S, GLES20.GL_CLAMP_TO_EDGE);

GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_WRAP_T, GLES20.GL_CLAMP_TO_EDGE);

GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MAG_FILTER, GLES20.GL_LINEAR);

GLES20.glTexParameteri(GLES20.GL_TEXTURE_2D, GLES20.GL_TEXTURE_MIN_FILTER, GLES20.GL_LINEAR);

//Bind render buffer and define buffer dimension

GLES20.glBindRenderbuffer(GLES20.GL_RENDERBUFFER, renderBufferId);

GLES20.glRenderbufferStorage(GLES20.GL_RENDERBUFFER, GLES20.GL_DEPTH_COMPONENT16, fboWidth, fboHeight);

//Attach texture FBO color attachment

GLES20.glFramebufferTexture2D(GLES20.GL_FRAMEBUFFER, GLES20.GL_COLOR_ATTACHMENT0, GLES20.GL_TEXTURE_2D, fboTex, 0);

//Attach render buffer to depth attachment

GLES20.glFramebufferRenderbuffer(GLES20.GL_FRAMEBUFFER, GLES20.GL_DEPTH_ATTACHMENT, GLES20.GL_RENDERBUFFER, renderBufferId);

//we are done, reset

GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, 0);

GLES20.glBindRenderbuffer(GLES20.GL_RENDERBUFFER, 0);

GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, 0);

?

以上就是初始化幀緩沖對象的過程，基本的操作相對比較固定

?

下面的函數(shù)是安卓中利用Opengl es繪制的每一幀，大致過程：在你想要得到的紋理前先綁定初始化好的幀緩沖對象，設(shè)置窗口，然后開始渲染你的紋理，渲染完之后，解除綁定，切換到系統(tǒng)的幀緩沖區(qū)，再進(jìn)行繪制，最簡單的就是你可以畫一個矩形，然后將紋理貼到上面，最終顯示到屏幕上。

?

public?void?RenderToTexture (GL10 arg0){

GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, fboId);

GLES20.glViewport(0, 0, fboWidth, fboHeight);

????????******Rendering Code*******

???????

GLES20.glBindFramebuffer(GLES20.GL_FRAMEBUFFER, 0);

}

?

public?void?onDrawFrame(GL10 arg0)

{

????//call FBORenderer to render to texture

????fbor.RenderToTexture();//調(diào)用RenderToTexture?方法，將紋理保存在fbor的緩沖區(qū)中

????//reset the projection, because viewport is set by FBO renderer is different

????GLES20.glViewport(0, 0, vwidth, vheight);

????float?ratio = (float)vwidth/(float)vheight;

????float?a = 5f;

????Matrix.orthoM(m_fProj, 0, -a*ratio, a*ratio, -a*ratio, a*ratio, 1, 10);???

????//multiply view matrix with projection matrix

????Matrix.multiplyMM(m_fVPMat, 0, m_fProj, 0, m_fView, 0);

????//below procedure is same as any other rendering

????GLES20.glClear(GLES20.GL_COLOR_BUFFER_BIT|GLES20.GL_DEPTH_BUFFER_BIT);

???

????GLES20.glUseProgram(iProgId);

???

????vertexBuffer.position(0);

????GLES20.glVertexAttribPointer(iPosition, 3, GLES20.GL_FLOAT,?false, 0, vertexBuffer);

????GLES20.glEnableVertexAttribArray(iPosition);

???

????texBuffer.position(0);

????GLES20.glVertexAttribPointer(iTexCoords, 2, GLES20.GL_FLOAT,?false, 0, texBuffer);

????GLES20.glEnableVertexAttribArray(iTexCoords);

???

????GLES20.glActiveTexture(GLES20.GL_TEXTURE0);

????GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, iTexId);

????GLES20.glUniform1i(iTexLoc, 0);

????//since I'm multi-texturing, bind fboId to texture1

????GLES20.glActiveTexture(GLES20.GL_TEXTURE1);

????GLES20.glBindTexture(GLES20.GL_TEXTURE_2D, fboId);

????GLES20.glUniform1i(iTexLoc1, 1);

????//for rotating cube

????Matrix.setIdentityM(m_fModel, 0);

????Matrix.rotateM(m_fModel, 0, -xAngle, 0, 1, 0);

????Matrix.rotateM(m_fModel, 0, -yAngle, 1, 0, 0);

????//multiply model matrix with view-projection matrix

????Matrix.multiplyMM(m_fMVPMat, 0, m_fVPMat, 0, m_fModel, 0);???

????//pass model-view-projection matrix to shader

????GLES20.glUniformMatrix4fv(iMVPMat, 1,?false, m_fMVPMat, 0);???

????//draw cube

GLES20.glDrawElements(GLES20.GL_TRIANGLES, cube.m_nIndeces, GLES20.GL_UNSIGNED_SHORT, indexBuffer);

}

?

?

上面給出的僅僅是一個緩沖區(qū)對象的主要代碼部分，對于實(shí)現(xiàn)雙眼顯示的話，要創(chuàng)建兩個緩沖區(qū)對象，分別渲染紋理到這兩個緩沖區(qū)中，

然后在onDraw()函數(shù)中可以繪制兩個矩形，每個矩形分別貼上這兩張紋理，遞交給系統(tǒng)的幀緩沖區(qū)（解綁定時已經(jīng)切換到系統(tǒng)緩沖區(qū)對象啦，

所以按照正常的繪制流程就行了） ，此時，屏幕上就顯示了左右兩張圖像了。

?

??

?

參考：http://opengles2learning.blogspot.kr/2014/02/render-to-texture-rtt.html

參考：Opengl ES 3.0編程指南

參考：http://learnopengl-cn.readthedocs.io/zh/latest/04%20Advanced%20OpenGL/05%20Framebuffers/

轉(zhuǎn)載于:https://www.cnblogs.com/jukan/p/6837817.html

總結(jié)

以上是生活随笔為你收集整理的Android下Opengl ES实现单屏幕双眼显示的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。