04．ピックOpenGLレンダラクラスを作る

（開発環境として「Eclipse」を使用した、古い情報です。
　開発環境として「Android Studio」を使用した、新しい情報は、
　「ホーム > プログラミング > モデルビューアを作る ( Android + OpenGL ES 1.0/1.1 ) ( Android Studio 2.3.3 版 )」）

ピッキング（要素選択）に関する処理を担うピックOpenGLレンダラクラスを、モデルOpenGLレンダラクラスの派生クラスとして作成します。

使用開発環境は、Eclipse 3.7.2 ベースの Pleiades です。

解説

従来、OpenGL では、ピックは、「セレクション」と呼ばれる、セレクションモードと、関連するルーチンを使用して、実現しましたが、OpenGL ES には、「セレクション」はありません。

ピックを実現する方法として、ここでは、バックバッファを利用した方法を採用します。

バックバッファにモデルを描画します。モデルを通常の色で描画するのではなく、それぞれの要素を識別する色で描画します。描画後、ピックしたピクセルの色を読み込み、ピクセルの色からピックした要素を識別します。

実装

プロジェクトを開く

03．で作成したモデルビューアプロジェクトを開きます。

ピックOpenGLレンダラクラスの作成

ピックに関する処理を担うピックOpenGLレンダラクラスを、モデルOpenGLレンダラクラスの派生クラスとして作成します。

パッケージエクスプローラで、作成したプロジェクトの下の「src」の下の作成したパッケージを右クリックし、右クリックメニューの「新規 > クラス」を選択します。

名前にクラス名「OpenGLPickRenderer」、
スーパークラスに、「OpenGLModelRenderer」、
を入力し、「完了」ボタンを押します。

モデル描画関数のオーバーライド

モデルDirect3Dレンダラクラスの描画処理は要素ピックを考慮していません。
ピックDirect3Dレンダラクラスに要素ピックを考慮した描画処理 renderScene関数、renderModel関数を追加します

モデル描画関数である renderModel関数は、３つのモードを用意します。
描画モードでは通常の色で描画し、要素タイプピック描画モードでは要素タイプ（点、線、面）別の色で描画し、要素番号ピック描画モードでは要素番号別の色で描画するようにします。
描画モードでは、ピック要素に関するハイライト描画も行います。

シーン描画関数である renderScene関数は、描画モードで、モデル描画関数を呼び出します。

public class OpenGLPickRenderer extends OpenGLModelRenderer { @Override protected void renderScene() { renderModel( ERENDERMODE.RM_RENDER ); } protected void renderModel( ERENDERMODE eRenderMode ) { Model model = getModel(); if( null == model || null == model.getVertexBuffer() ) { return; } GL10 gl = getGL(); if( false == gl instanceof GL11 ) { return; } GL11 gl11 = (GL11)gl; // 頂点配列の有効化 gl.glEnableClientState( GL10.GL_VERTEX_ARRAY ); // 頂点配列の指定 gl.glVertexPointer( 3, GL10.GL_FLOAT, 0, model.getVertexBuffer() ); // 面の描画 if( null != model.getTriangleVertexIndexBuffer() ) { if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { gl.glEnableClientState( GL10.GL_COLOR_ARRAY ); gl.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, m_btbTriangleIdColor ); } else if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 1.0f, 0.0f, 0.0f, 1.0f ); } else { gl.glColor4f( 0.5f, 0.5f, 0.0f, 1.0f ); } gl.glDrawElements( GL10.GL_TRIANGLES, model.getTriangleVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, model.getTriangleVertexIndexBuffer().position( 0 ) ); gl.glDisableClientState( GL10.GL_COLOR_ARRAY ); // ピック面の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( ERENDERELEMENTTYPE.RET_FACE.getValue() == m_aiName[1] ) { int iIndexTriangle = m_aiName[2]; gl.glColor4f( 1.0f, 1.0f, 0.0f, 1.0f ); gl.glDrawElements( GL10.GL_TRIANGLES, 3, GL10.GL_UNSIGNED_SHORT, model.getTriangleVertexIndexBuffer().position( 3 * iIndexTriangle ) ); } } } // 線の描画 if( null != model.getEdgeVertexIndexBuffer() ) { gl.glLineWidth( 2.0f ); if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { int iCountTriangle = model.getTriangleCount(); int iIndexTriangle; int i3; int iIndexEdge; byte[] abtRGB = { 0, 0, 0 }; for( iIndexTriangle = 0; iIndexTriangle < iCountTriangle; ++iIndexTriangle ) { for( i3 = 0; i3 < 3; ++i3 ) { iIndexEdge = iIndexTriangle * 3 + i3; index2rgb( iIndexEdge, abtRGB ); gl11.glColor4ub( abtRGB[0], abtRGB[1], abtRGB[2], (byte)255 ); gl.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, model.getEdgeVertexIndexBuffer().position( 2 * iIndexEdge ) ); } } } else { if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 0.0f, 1.0f, 0.0f, 1.0f ); } else { gl.glColor4f( 0.0f, 0.5f, 0.5f, 1.0f ); } gl.glDrawElements( GL10.GL_LINES, model.getEdgeVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, model.getEdgeVertexIndexBuffer().position( 0 ) ); } // ピック線の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( ERENDERELEMENTTYPE.RET_LINE.getValue() == m_aiName[1] ) { int iIndexEdge = m_aiName[2]; gl.glLineWidth( 5.0f ); gl.glColor4f( 0.0f, 1.0f, 1.0f, 1.0f ); gl.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, model.getEdgeVertexIndexBuffer().position( 2 * iIndexEdge ) ); } } } // 点の描画 // if( null != model.getVertexBuffer() ) { gl.glPointSize( 5.0f ); if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { gl.glEnableClientState( GL10.GL_COLOR_ARRAY ); gl.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, m_btbVertexIdColor ); } else if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 0.0f, 0.0f, 1.0f, 1.0f ); } else { gl.glColor4f( 0.5f, 0.0f, 0.5f, 1.0f ); } gl.glDrawArrays( GL10.GL_POINTS, 0, model.getVertexCount() ); gl.glDisableClientState( GL10.GL_COLOR_ARRAY ); // ピック点の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( ERENDERELEMENTTYPE.RET_POINT.getValue() == m_aiName[1] ) { gl.glPointSize( 10.0f ); gl.glColor4f( 1.0f, 0.0f, 1.0f, 1.0f ); int iIndexPoint = m_aiName[2]; gl.glDrawArrays( GL10.GL_POINTS, iIndexPoint, 1 ); } } } // 頂点配列の無効化 gl.glDisableClientState( GL10.GL_VERTEX_ARRAY ); } }

・描画のモードに関する列挙型の定義の追加
・描画要素タイプに関する列挙型の定義の追加

・ピック要素に関する情報を保持する名前列メンバ変数の追加
・ピック要素に関する情報を保持する名前列の大きさ定数の追加

・要素番号別の色で描画するための色バッファーメンバ変数の追加
・要素番号別の色を作成するための、ビットマスク定数の追加
・色バッファーメンバ変数のアクセサの追加
・要素番号を色に変換するメンバ関数の追加

・モデルをセットする関数をオーバーライドし、ピック要素に関する情報を保持する名前列の初期化処理、要素番号別の色で描画するための色バッファーの構築処理を追加

も行います。

enum ERENDERMODE { RM_UNDEFINE, RM_RENDER, RM_PICK_ELEMENTTYPE, RM_PICK_ELEMENTID, } enum ERENDERELEMENTTYPE { RET_NONE( 0 ), RET_POINT( 1 ), RET_LINE( 2 ), RET_FACE( 3 ); private int value; private ERENDERELEMENTTYPE( int i ) { value = i; } public int getValue() { return value; } } public class OpenGLPickRenderer extends OpenGLModelRenderer { protected static final int NAMEARRAYSIZE = 10; // 名前列の大きさ private static final int REDMASK = 0xF800; private static final int GREENMASK = 0x7E0; private static final int BLUEMASK = 0x1F; protected int[] m_aiName = new int[NAMEARRAYSIZE]; private ByteBuffer m_btbVertexIdColor; private ByteBuffer m_btbTriangleIdColor; public ByteBuffer getVertexIdColorBuffer() { return m_btbVertexIdColor; } public ByteBuffer getTriangleIdColorBuffer() { return m_btbTriangleIdColor; } protected void index2rgb( int iIndex, byte[] abtRGB ) { abtRGB[0] = (byte)( ( iIndex & REDMASK ) >> 11 << 3 );// 赤は、5ビット、32階調 abtRGB[1] = (byte)( ( iIndex & GREENMASK ) >> 5 << 2 );// 緑は、6ビット、64階調 abtRGB[2] = (byte)( ( iIndex & BLUEMASK ) << 3 );// 青は、5ビット、32階調 } @Override public void setModel( Model model ) { Arrays.fill( m_aiName, 0 ); super.setModel( model ); byte[] abtRGB = { 0, 0, 0 }; int iCountPoint = model.getVertexCount(); byte[] abt4PointIdColor = new byte[iCountPoint * 4]; for( int i = 0; i < iCountPoint; i++ ) { index2rgb( i, abtRGB ); abt4PointIdColor[i * 4 + 0] = abtRGB[0]; abt4PointIdColor[i * 4 + 1] = abtRGB[1]; abt4PointIdColor[i * 4 + 2] = abtRGB[2]; abt4PointIdColor[i * 4 + 3] = (byte)255; } m_btbVertexIdColor = makeByteBuffer( abt4PointIdColor ); int iCountTriangle = model.getTriangleCount(); byte[] abt4TriangleIdColor = new byte[iCountTriangle * 3 * 4]; for( int i = 0; i < iCountTriangle; i++ ) { index2rgb( i, abtRGB ); abt4TriangleIdColor[i * 12 + 0] = abtRGB[0]; abt4TriangleIdColor[i * 12 + 1] = abtRGB[1]; abt4TriangleIdColor[i * 12 + 2] = abtRGB[2]; abt4TriangleIdColor[i * 12 + 3] = (byte)255; abt4TriangleIdColor[i * 12 + 4] = abtRGB[0]; abt4TriangleIdColor[i * 12 + 5] = abtRGB[1]; abt4TriangleIdColor[i * 12 + 6] = abtRGB[2]; abt4TriangleIdColor[i * 12 + 7] = (byte)255; abt4TriangleIdColor[i * 12 + 8] = abtRGB[0]; abt4TriangleIdColor[i * 12 + 9] = abtRGB[1]; abt4TriangleIdColor[i * 12 + 10] = abtRGB[2]; abt4TriangleIdColor[i * 12 + 11] = (byte)255; } m_btbTriangleIdColor = makeByteBuffer( abt4TriangleIdColor ); } （・・・省略・・・） }

要素選択関数の追加

要素選択関数を追加します。

処理の内容としては、以下を実装します。

バックバッファのカラーアタッチメント用に、テクスチャを作成します。
バックバッファーの深度アタッチメント用に、レンダーバッファを作成します。
バックバッファとして、フレームバッファを作成します。
3. で作成したフレームバッファをバインドします。
フレームバッファのカラーアタッチメントとして、1. で作成したテクスチャを指定します。
フレームバッファの深度アタッチメントとして、2. で作成したレンダーバッファを指定します。
ピック領域分の名前列を作成します。
要素タイプピック描画モードでモデルを描画し、描画後、ピック領域のピクセルの色を読み取り、要素タイプをピック領域の名前列の2番目にセットします。
要素番号ピック描画モードでモデルを描画し、描画後、ピック領域のピクセルの色を読み取り、要素番号をピック領域の名前列の3番目にセットします。
「要素タイプの優先順位は、点、線、面。同じ要素タイプの場合は、ピック領域の中心に近いものが優先」に従い、ピックピクセルを一つに絞ります。
一つに絞ったピックピクセルの名前列を、メンバ変数の名前列にコピーします。
ウインドウシステムが提供するフレームバッファに差し替えます（ウインドウシステムが提供するフレームバッファをバインドします）。
1. で作成したテクスチャを削除します。
2 で作成したレンダーバッファを削除します。
3 で作成したフレームバッファを削除します。

public class OpenGLPickRenderer extends OpenGLModelRenderer { （・・・省略・・・） public boolean doPicking( float fX, float fY ) { if( null == getModel() ) { return false; } GL10 gl = getGL(); if( false == gl instanceof GL11ExtensionPack ) { return false; } GL11ExtensionPack gl11ex = (GL11ExtensionPack)gl; // テクスチャの生成 int[] aiTexture = { 0 }; gl.glGenTextures( 1, aiTexture, 0 ); gl.glBindTexture( GL10.GL_TEXTURE_2D, aiTexture[0] ); gl.glTexImage2D( GL10.GL_TEXTURE_2D, 0, GL10.GL_RGBA, getWidth(), getHeight(), 0, GL10.GL_RGBA, GL10.GL_UNSIGNED_BYTE, null ); gl.glTexParameterf( GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MIN_FILTER, GL10.GL_NEAREST ); // 縮小は、もっとも近い要素で補完 gl.glTexParameterf( GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_MAG_FILTER, GL10.GL_LINEAR ); // 拡大は、線形で補完 gl.glTexParameterf( GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_S, GL10.GL_CLAMP_TO_EDGE ); // 画像の端のピクセルの色を使う gl.glTexParameterf( GL10.GL_TEXTURE_2D, GL10.GL_TEXTURE_WRAP_T, GL10.GL_CLAMP_TO_EDGE ); // 画像の端のピクセルの色を使う gl.glBindTexture( GL10.GL_TEXTURE_2D, 0 ); // レンダーバッファの生成 int[] aiRenderBuffer = { 0 }; gl11ex.glGenRenderbuffersOES( 1, aiRenderBuffer, 0 ); // レンダーバッファのバインド gl11ex.glBindRenderbufferOES( GL11ExtensionPack.GL_RENDERBUFFER_OES, aiRenderBuffer[0] ); // レンダーバッファの深度、サイズの設定 gl11ex.glRenderbufferStorageOES( GL11ExtensionPack.GL_RENDERBUFFER_OES, GL11ExtensionPack.GL_DEPTH_COMPONENT16, // 「GL_DEPTH_COMPONENT」では、glCheckFramebufferStatusOESでINCOMPLETEになる。 getWidth(), getHeight() ); gl11ex.glBindRenderbufferOES( GL11ExtensionPack.GL_RENDERBUFFER_OES, 0 ); // バインド解除 // フレームバッファの生成 int[] aiFrameBuffer = { 0 }; gl11ex.glGenFramebuffersOES( 1, aiFrameBuffer, 0 ); // フレームバッファのバインド gl11ex.glBindFramebufferOES( GL11ExtensionPack.GL_FRAMEBUFFER_OES, aiFrameBuffer[0] ); // カラーアタッチメントとしてテクスチャを指定する gl11ex.glFramebufferTexture2DOES( GL11ExtensionPack.GL_FRAMEBUFFER_OES, GL11ExtensionPack.GL_COLOR_ATTACHMENT0_OES, GL10.GL_TEXTURE_2D, aiTexture[0], 0 ); // 深度アタッチメントとしてレンダーバッファを指定する gl11ex.glFramebufferRenderbufferOES( GL11ExtensionPack.GL_FRAMEBUFFER_OES, GL11ExtensionPack.GL_DEPTH_ATTACHMENT_OES, GL11ExtensionPack.GL_RENDERBUFFER_OES, aiRenderBuffer[0] ); int iCountHit = 0; int iStatus = gl11ex.glCheckFramebufferStatusOES( GL11ExtensionPack.GL_FRAMEBUFFER_OES ); if( GL11ExtensionPack.GL_FRAMEBUFFER_COMPLETE_OES == iStatus ) { int[][] aaiName = new int[( 1 + 2 * PICKREGIONOFFSET ) * ( 1 + 2 * PICKREGIONOFFSET )][]; for( int i = 0; i < aaiName.length; ++i ) { aaiName[i] = new int[NAMEARRAYSIZE]; } byte r; byte g; byte b; // ピック領域の色の取得（１ピクセルは、4つのbyteデータ(r,g,b,a)） byte[] abtPixel = new byte[4 * ( 1 + 2 * PICKREGIONOFFSET ) * ( 1 + 2 * PICKREGIONOFFSET )]; ByteBuffer btbPixel = makeByteBuffer( abtPixel ); gl.glDisable( GL10.GL_LIGHTING ); // 光 gl.glDisable( GL10.GL_BLEND ); // 半透明およびアンチエイリアシング // ピック描画（要素タイプ別） gl.glClear( GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT ); renderModel( ERENDERMODE.RM_PICK_ELEMENTTYPE ); gl.glReadPixels( (int)fX - PICKREGIONOFFSET, getHeight() - (int)fY - PICKREGIONOFFSET, 1 + 2 * PICKREGIONOFFSET, 1 + 2 * PICKREGIONOFFSET, GL10.GL_RGBA, GL10.GL_UNSIGNED_BYTE, btbPixel ); // ピック領域の色をピック名配列に変換 for( int i = 0; i < aaiName.length; ++i ) { r = btbPixel.get( i * 4 + 0 ); g = btbPixel.get( i * 4 + 1 ); b = btbPixel.get( i * 4 + 2 ); if( (byte)255 == r ) { // 面 aaiName[i][1] = ERENDERELEMENTTYPE.RET_FACE.getValue(); ++iCountHit; } else if( (byte)255 == g ) { // 線 aaiName[i][1] = ERENDERELEMENTTYPE.RET_LINE.getValue(); ++iCountHit; } else if( (byte)255 == b ) { // 点 aaiName[i][1] = ERENDERELEMENTTYPE.RET_POINT.getValue(); ++iCountHit; } } if( 0 != iCountHit ) { // ヒットあり // ピック描画（要素番号別） gl.glClear( GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT ); renderModel( ERENDERMODE.RM_PICK_ELEMENTID ); gl.glReadPixels( (int)fX - PICKREGIONOFFSET, getHeight() - (int)fY - PICKREGIONOFFSET, 1 + 2 * PICKREGIONOFFSET, 1 + 2 * PICKREGIONOFFSET, GL10.GL_RGBA, GL10.GL_UNSIGNED_BYTE, btbPixel ); // ピック領域の色をピック名配列に変換 for( int i = 0; i < aaiName.length; ++i ) { r = btbPixel.get( i * 4 + 0 ); g = btbPixel.get( i * 4 + 1 ); b = btbPixel.get( i * 4 + 2 ); // 色を番号に変換し、名前配列にセット aaiName[i][2] = rgb2index( r, g, b ); } // ピックピクセルを一つに絞って、名前列メンバの更新 DecidePickNameArray( aaiName ); } } // ウィンドウシステムが提供するフレームバッファに差し替え gl11ex.glBindFramebufferOES( GL11ExtensionPack.GL_FRAMEBUFFER_OES, 0 ); // クリーンアップ gl.glDeleteTextures( 1, aiTexture, 0 ); gl11ex.glDeleteRenderbuffersOES( 1, aiRenderBuffer, 0 ); gl11ex.glDeleteFramebuffersOES( 1, aiFrameBuffer, 0 ); return ( 0 == iCountHit ) ? false : true; } }

・ピック領域の上下左右のオフセット量定数の追加
・色を要素番号に変換するメンバ関数の追加
・ピックピクセルを一つに絞る関数の追加

も行います。

public class OpenGLPickRenderer extends OpenGLModelRenderer { （・・・省略・・・） protected static final int PICKREGIONOFFSET = 10; // ピック領域の上下左右のオフセット量（・・・省略・・・） private int rgb2index( byte r, byte g, byte b ) { // (符号付きbyte値 & 0xFF) で、符号なしbyte値が得られる return ( ( ( r & 0xFF ) >> 3 ) << 11 ) + ( ( ( g & 0xFF ) >> 2 ) << 5 ) + ( ( b & 0xFF ) >> 3 ); } // 「要素タイプの優先順位は、点、線、面 // 　同じ要素タイプの場合は、ピック領域の中心に近いものが優先」 // に従い、ピックピクセルを一つに絞る protected void DecidePickNameArray( int[][] aaiName ) { int iId_selected = -1; int iElementType_selected = ERENDERELEMENTTYPE.RET_FACE.getValue() + 1; long lSquareDist_selected = ( 2 + PICKREGIONOFFSET ) * ( 2 + PICKREGIONOFFSET ) + ( 2 + PICKREGIONOFFSET ) * ( 2 + PICKREGIONOFFSET ); long lSquareDist_current; int x; int y; for( int i = 0; i < aaiName.length; ++i ) { if( 0 == aaiName[i][1] ) { // モデルの外側 continue; } if( iElementType_selected < aaiName[i][1] ) { // 要素タイプ的に、優先順位が低い continue; } if( iElementType_selected > aaiName[i][1] ) { // 要素タイプ的に、優先順位が低い iId_selected = i; iElementType_selected = aaiName[i][1]; x = i % ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; y = i / ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; lSquareDist_selected = x * x + y * y; continue; } // 要素タイプ的に、優先順位が同じ場合は、ピック領域の中心に近いものが優先度が高い。 x = i % ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; y = i / ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; lSquareDist_current = x * x + y * y; if( lSquareDist_selected > lSquareDist_current ) { iId_selected = i; iElementType_selected = aaiName[i][1]; lSquareDist_selected = lSquareDist_current; continue; } } // 名前列メンバの更新 System.arraycopy( aaiName[iId_selected], 0, m_aiName, 0, NAMEARRAYSIZE ); } （・・・省略・・・） }

モデルビューアビュークラスのレンダラオブジェクトの型の修正

ピックOpenGLレンダラクラスの作成にあわせて、モデルビューアビュークラスを修正します。

・m_rendererメンバ変数を、OpenGLPickRenderer型に変更します。
・m_rendererメンバ変数の生成を、OpenGLPickRendererオブジェクト生成に変更します。

public class ModelViewerView extends GLSurfaceView { OpenGLPickRenderer m_renderer; public ModelViewerView( Context context ) { super( context ); // Rendererの作成 m_renderer = new OpenGLPickRenderer(); // GLSurfaceViewにRendererをセット setRenderer( m_renderer ); // 絶え間ないレンダリングではなく都度のレンダリング（setRenderer()よりも後に呼び出す必要あり） setRenderMode( GLSurfaceView.RENDERMODE_WHEN_DIRTY ); // モデルの作成および登録 m_renderer.setModel( makeModel() ); } （・・・省略・・・） }

モデルビューアービュークラスに、長押しイベントに関する処理の追加

ModelViewerViewクラスに、ユーザーのピック操作を担う、長押しイベントに関する処理を追加します。

・ModelViewerViewクラスを、GestureDetector.OnGestureListenerインターフェースを実装するクラスに変更（implements節の追加）。
・メンバ変数に、GestureDetectorオブジェクトを追加。
・コンストラクタに、GestureDetectorオブジェクトのインスタンス生成処理の追加
・onTouchEvent関数に、GestureDetectorオブジェクトにイベントオブジェクトを渡す処理を追加。
・GestureDetector.OnGestureListenerインターフェースとして実装しなければならない関数を実装。長押しイベントを担う、onLongPress関数には、ピッキング関数呼び出し処理を追加する。ピッキング関数呼び出しは、UIスレッドからのOpenGL関数呼び出しになるので、イベントキューイングします。

public class ModelViewerView extends GLSurfaceView implements GestureDetector.OnGestureListener { OpenGLPickRenderer m_renderer; private GestureDetector m_gesturedetector; // 長押し用 public ModelViewerView( Context context ) { （・・・省略・・・） // GestureDetectorの作成 m_gesturedetector = new GestureDetector( context, this ); } @Override public boolean onTouchEvent( MotionEvent event ) { // ジェスチャ処理 if( m_gesturedetector.onTouchEvent( event ) ) { return true; } （・・・省略・・・） } （・・・省略・・・） public boolean onDown( MotionEvent arg0 ) { return false; } public boolean onFling( MotionEvent e1, MotionEvent e2, float velocityX, float velocityY ) { return false; } public void onLongPress( MotionEvent e ) { final float fX = e.getX(); final float fY = e.getY(); queueEvent( new Runnable() { public void run() { if( m_renderer.doPicking( fX, fY ) ) { requestRender(); // 再描画 } } } ); } public boolean onScroll( MotionEvent e1, MotionEvent e2, float distanceX, float distanceY ) { return false; } public void onShowPress( MotionEvent e ) { } public boolean onSingleTapUp( MotionEvent e ) { return false; } }

実行

Android Virtual Device にて、動作確認。

※ ターゲット：「Android 4.0.3 - API Level 15」、ハードウェア：「GPU emulation」をyes、として作成したAndroid Virtual Device にて動作確認。

長押しにより要素をピックできること
点をピックすると、ピックした点の色がピンク色になり点の大きさが少し大きくなること
線をピックすると、ピックした線の色が水色になり線の太さが少し太くなること
面をピックすると、ピックした面の色が黄色になること
を確認します。

ダウンロード

サンプルプロジェクト