SurfaceTextureレンダラ（頂点バッファオブジェクトの利用 )

SurfaceTexture に出力した画像を、画面に描画する方法を解説します。

前項「SurfaceTextureレンダラ（連続画像を画面に描画 )」で作成したSurfaceTextureレンダラのGLESの描画処理は、頂点配列を用いた描画処理でした。
本項では、SurfaceTextureレンダラのGLESの描画処理を、頂点バッファオブジェクトを用いた描画処理に変更します。

解説

頂点配列を用いた描画処理では、glDrawArrays の呼び出しのたびに、頂点データが、クライアントメモリからグラフィックスメモリへコピーされます。

頂点バッファオブジェクト（ Vertex Buffer Object : VBO ) を用いた描画処理では、頂点データを、事前にクライアントメモリからグラフィックスメモリにコピーしておき、glDrawArrays の呼び出しのときには、コピー済みの頂点データを用いて描画します。

頂点バッファオブジェクト（ Vertex Buffer Object : VBO ) を用いた描画処理は、頂点配列を用いた描画処理よりも高速に描画されます。

前項に対する処理の変更は以下です。

「SurfaceTextureRenderer」クラスのonDrawFrame関数のGLESの描画処理を、頂点バッファオブジェクトを用いた描画処理に変更します。
「SurfaceTextureRenderer」クラスのonSurfaceCreated関数に、頂点バッファオブジェクトの作成、頂点データをクライアントメモリからグラフィックスメモリにコピーする処理を記述します。
「SurfaceTextureRenderer」クラスのメンバーに、頂点バッファオブジェクトIDの変数を追加します。

実装

アプリの仕様

仕様に関しては、前項と本項は変わりません。

アプリを起動すると、メインアクティビティが表示される。
背景色は、灰色。
0.1秒（100ミリ秒）ごとに、矩形と円が、ランダムな色、位置、大きさで表示される。

プロジェクトを開く

「SurfaceTextureレンダラ（連続画像を画面に描画 )」で作成したプロジェクトを開きます。

クラスメンバー変数の追加

「SurfaceTextureRenderer」クラスのメンバーに、頂点バッファオブジェクトIDの変数を追加します。

class SurfaceTextureRenderer implements GLSurfaceView.Renderer, SurfaceTexture.OnFrameAvailableListener { （・・・略・・・） // GL関連 private int m_iProgram; private int m_iPositionAttributeLocation; private int m_iTexCoordAttributeLocation; private int m_iMVPMatrixUniformLocation; private int m_iSTMatrixUniformLocation; private int m_iTextureID; private int m_iVboID; （・・・略・・・）

onSurfaceCreated関数の変更

「SurfaceTextureRenderer」クラスのonSurfaceCreated関数に、頂点バッファオブジェクトの作成、頂点データをクライアントメモリからグラフィックスメモリにコピーする処理を記述します。

@Override public void onSurfaceCreated( GL10 gl10, EGLConfig eglConfig ) { （・・・略・・・） // Texture （・・・略・・・） GLES20.glBindTexture( GLES11Ext.GL_TEXTURE_EXTERNAL_OES, 0 ); // VBOの作成とデータのグラフィックスメモリへのコピー int[] aiVboID = new int[1]; GLES20.glGenBuffers( 1, aiVboID, 0 ); m_iVboID = aiVboID[0]; GLES20.glBindBuffer( GLES20.GL_ARRAY_BUFFER, m_iVboID ); GLES20.glBufferData( GLES20.GL_ARRAY_BUFFER, m_fbVertex.capacity() * MyUtils.SIZEOF_FLOAT, m_fbVertex, GLES20.GL_STATIC_DRAW ); GLES20.glBindBuffer( GLES20.GL_ARRAY_BUFFER, 0 ); // SurfaceTextureとSurfaceの作成（・・・略・・・） }

onDrawFrame関数の変更

「SurfaceTextureRenderer」クラスのonDrawFrame関数のGLESの描画処理を、頂点バッファオブジェクトを用いた描画処理に変更します。

@Override public void onDrawFrame( GL10 gl10 ) { （・・・略・・・） // テクスチャの有効化 GLES20.glActiveTexture( GLES20.GL_TEXTURE0 ); GLES20.glBindTexture( GLES11Ext.GL_TEXTURE_EXTERNAL_OES, m_iTextureID ); // VBOのバインド GLES20.glBindBuffer( GLES20.GL_ARRAY_BUFFER, m_iVboID ); // シェーダープログラムへ頂点座標値データの転送 GLES20.glVertexAttribPointer( m_iPositionAttributeLocation, 3, GLES20.GL_FLOAT, false, 5 * MyUtils.SIZEOF_FLOAT, 0 ); MyUtils.checkGlError( "glVertexAttribPointer Position" ); GLES20.glEnableVertexAttribArray( m_iPositionAttributeLocation ); MyUtils.checkGlError( "glEnableVertexAttribArray Position" ); // シェーダープログラムへテクスチャ座標値データの転送 GLES20.glVertexAttribPointer( m_iTexCoordAttributeLocation, 2, GLES20.GL_FLOAT, false, 5 * MyUtils.SIZEOF_FLOAT, 3 * MyUtils.SIZEOF_FLOAT ); MyUtils.checkGlError( "glVertexAttribPointer TexCoord" ); GLES20.glEnableVertexAttribArray( m_iTexCoordAttributeLocation ); MyUtils.checkGlError( "glEnableVertexAttribArray TexCoord" ); // VBOのバインドの解除 GLES20.glBindBuffer( GLES20.GL_ARRAY_BUFFER, 0 ); // シェーダープログラムへ行列データの転送（・・・略・・・） }

リビルドし、エラー、警告がないことを確認します。

実行

動作に関しては、前項と本項は変わりません。
（描画処理が早くなりますが、体感できるほどではありません。）

Android端末にて、動作確認。

アプリを起動すると、メインアクティビティが表示されます。
背景色は、灰色。
0.1秒（100ミリ秒）ごとに、矩形と円が、ランダムな色、位置、大きさで表示されます。

ダウンロード

サンプルコード

 github.com上のリポジトリページ

SurfaceTextureレンダラ （ 頂点バッファオブジェクトの利用 )

解説

実装