11. 「面はすべて同一のマテリアル設定」ではないモデルファイルの描画に対応する

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

10．で作成したモデルビューアは、モデルファイルの「面はすべて同一のマテリアル設定」としていました。
マテリアル設定が同一である面の集まりに対してグループというデータ構造を用意し、モデルはグループの集まりであるとするデータ構造を用意することで、「面はすべて同一のマテリアル設定」ではないモデルファイルの描画に対応します。

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

解説

「面はすべて同一のマテリアル設定」ではないモデルファイルの描画に対応するために、マテリアル設定が同一である面の集まりに対してグループというデータ構造を用意し、モデルはグループの集まりであるとします。

以下を行います。

• マテリアルクラスの作成
• グループクラスの作成
• モデルクラスの修正
• モデルファイル読み込み処理の修正
• モデル描画処理の修正

実装

プロジェクトを開く

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

マテリアルクラスの作成

マテリアル設定を表すデータ構造を作成します。

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


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

Materialクラスの中身を以下のようにします。

public class Material { private FloatBuffer m_fbAmbient; private FloatBuffer m_fbDiffuse; private FloatBuffer m_fbSpecular; private float m_fShininess; public Material( float[] f4Ambient, float[] f4Diffuse, float[] f4Specular, float fShininess ) { m_fbAmbient = OpenGLBaseRenderer.makeFloatBuffer( f4Ambient ); m_fbDiffuse = OpenGLBaseRenderer.makeFloatBuffer( f4Diffuse ); m_fbSpecular = OpenGLBaseRenderer.makeFloatBuffer( f4Specular ); m_fShininess = fShininess; } public Material() { float[] f4Ambient = { 0.2f, 0.2f, 0.2f, 1.0f }; float[] f4Diffuse = { 0.8f, 0.8f, 0.8f, 1.0f }; float[] f4Specular = { 0.0f, 0.0f, 0.0f, 1.0f }; float fShininess = 0.0f; m_fbAmbient = OpenGLBaseRenderer.makeFloatBuffer( f4Ambient ); m_fbDiffuse = OpenGLBaseRenderer.makeFloatBuffer( f4Diffuse ); m_fbSpecular = OpenGLBaseRenderer.makeFloatBuffer( f4Specular ); m_fShininess = fShininess; } public FloatBuffer getAmbientBuffer() { return m_fbAmbient; } public FloatBuffer getDiffuseBuffer() { return m_fbDiffuse; } public FloatBuffer getSpecularBuffer() { return m_fbSpecular; } public float getShininess() { return m_fShininess; } }

グループクラスの作成

マテリアル設定が同一である面の集まりを表すグループというデータ構造を作成します。

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


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

Modelクラスの中身をベースに、グループ名メンバ変数の追加、マテリアルメンバ変数の追加、アクセサの追加、メンバ変数追加にあわせてコンストラクタの処理の追加、をします。

Groupクラスの中身を以下のようにします。

public class Group { private static final int SIZEOF_FLOAT = Float.SIZE / 8; // Float.SIZEで、float型のビット数が得られるので、8で割って、バイト数を得る private static final int SIZEOF_SHORT = Short.SIZE / 8; // Short.SIZEで、short型のビット数が得られるので、8で割って、バイト数を得る private int[] m_aiVBOid = new int[4]; // VBO ID private String m_strName; private FloatBuffer m_fbVertex; // 頂点の座標値の配列（３つの座標値で１頂点） private ShortBuffer m_sbTriangleVertexIndex; // 三角形の頂点の番号の配列（３つの頂点番号で１三角形）（unsigned shortの上限は65535） private ShortBuffer m_sbEdgeVertexIndex; // 稜線の番号配列（２つの頂点番号で１稜線）（unsigned shortの上限は65535） private FloatBuffer m_fbNormal; // 法線ベクトルの成分値の配列（３つの成分値で１法線ベクトル） private Material m_material; public int getVBOidVertex() { return m_aiVBOid[0]; } public int getVBOidTriangleVertexIndex() { return m_aiVBOid[1]; } public int getVBOidEdgeVertexIndex() { return m_aiVBOid[2]; } public int getVBOidNormal() { return m_aiVBOid[3]; } public String getName() { return m_strName; } public FloatBuffer getVertexBuffer() { return m_fbVertex; } public ShortBuffer getTriangleVertexIndexBuffer() { return m_sbTriangleVertexIndex; } public ShortBuffer getEdgeVertexIndexBuffer() { return m_sbEdgeVertexIndex; } public FloatBuffer getNormalBuffer() { return m_fbNormal; } public int getVertexCount() { return m_fbVertex.capacity() / 3; } public int getTriangleCount() { return getVertexCount() / 3; } public int getEdgeCount() { return getTriangleCount() * 3; } public Material getMaterial() { return m_material; } public Group( String strName, float[] af3Vertex, float[] af3Normal, Material material ) { m_strName = new String( strName ); m_fbVertex = OpenGLBaseRenderer.makeFloatBuffer( af3Vertex ); // 頂点の数 int iCountPoint = af3Vertex.length / 3; // 三角形の数 int iCountTriangle = iCountPoint / 3; short[] asTriangleVertexIndex = new short[iCountTriangle * 3]; for( int iIndexTriangle = 0; iIndexTriangle < iCountTriangle; iIndexTriangle++ ) { asTriangleVertexIndex[iIndexTriangle * 3 + 0] = (short)( iIndexTriangle * 3 + 0 ); asTriangleVertexIndex[iIndexTriangle * 3 + 1] = (short)( iIndexTriangle * 3 + 1 ); asTriangleVertexIndex[iIndexTriangle * 3 + 2] = (short)( iIndexTriangle * 3 + 2 ); } m_sbTriangleVertexIndex = OpenGLBaseRenderer.makeShortBuffer( asTriangleVertexIndex ); // 稜線の数は、三角形の数の３倍。稜線の頂点の数は、稜線の数の２倍 short[] asEdgeVertexIndex = new short[iCountTriangle * 3 * 2]; for( int iIndexTriangle = 0; iIndexTriangle < iCountTriangle; iIndexTriangle++ ) { asEdgeVertexIndex[iIndexTriangle * 6 + 0] = asTriangleVertexIndex[iIndexTriangle * 3 + 0]; asEdgeVertexIndex[iIndexTriangle * 6 + 1] = asTriangleVertexIndex[iIndexTriangle * 3 + 1]; asEdgeVertexIndex[iIndexTriangle * 6 + 2] = asTriangleVertexIndex[iIndexTriangle * 3 + 1]; asEdgeVertexIndex[iIndexTriangle * 6 + 3] = asTriangleVertexIndex[iIndexTriangle * 3 + 2]; asEdgeVertexIndex[iIndexTriangle * 6 + 4] = asTriangleVertexIndex[iIndexTriangle * 3 + 2]; asEdgeVertexIndex[iIndexTriangle * 6 + 5] = asTriangleVertexIndex[iIndexTriangle * 3 + 0]; } m_sbEdgeVertexIndex = OpenGLBaseRenderer.makeShortBuffer( asEdgeVertexIndex ); // 法線ベクトルの数は、三角形の数の３倍。１つの法線ベクトルは、３成分。 if( null == af3Normal ) { af3Normal = new float[iCountTriangle * 3 * 3]; float[] f3Vertex0 = { 0.0f, 0.0f, 0.0f }; float[] f3Vertex1 = { 0.0f, 0.0f, 0.0f }; float[] f3Vertex2 = { 0.0f, 0.0f, 0.0f }; float[] f3Vector01 = { 0.0f, 0.0f, 0.0f }; float[] f3Vector12 = { 0.0f, 0.0f, 0.0f }; float[] f3VectorNormal = { 0.0f, 0.0f, 0.0f }; float fLength; for( int iIndexTriangle = 0; iIndexTriangle < iCountTriangle; iIndexTriangle++ ) { f3Vertex0[0] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 0] ) + 0]; f3Vertex0[1] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 0] ) + 1]; f3Vertex0[2] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 0] ) + 2]; f3Vertex1[0] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 1] ) + 0]; f3Vertex1[1] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 1] ) + 1]; f3Vertex1[2] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 1] ) + 2]; f3Vertex2[0] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 2] ) + 0]; f3Vertex2[1] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 2] ) + 1]; f3Vertex2[2] = af3Vertex[3 * ( asTriangleVertexIndex[iIndexTriangle * 3 + 2] ) + 2]; f3Vector01[0] = f3Vertex1[0] - f3Vertex0[0]; f3Vector01[1] = f3Vertex1[1] - f3Vertex0[1]; f3Vector01[2] = f3Vertex1[2] - f3Vertex0[2]; f3Vector12[0] = f3Vertex2[0] - f3Vertex1[0]; f3Vector12[1] = f3Vertex2[1] - f3Vertex1[1]; f3Vector12[2] = f3Vertex2[2] - f3Vertex1[2]; f3VectorNormal[0] = f3Vector01[1] * f3Vector12[2] - f3Vector01[2] * f3Vector12[1]; f3VectorNormal[1] = f3Vector01[2] * f3Vector12[0] - f3Vector01[0] * f3Vector12[2]; f3VectorNormal[2] = f3Vector01[0] * f3Vector12[1] - f3Vector01[1] * f3Vector12[0]; fLength = FloatMath.sqrt( f3VectorNormal[0] * f3VectorNormal[0] + f3VectorNormal[1] * f3VectorNormal[1] + f3VectorNormal[2] * f3VectorNormal[2] ); f3VectorNormal[0] /= fLength; f3VectorNormal[1] /= fLength; f3VectorNormal[2] /= fLength; af3Normal[iIndexTriangle * 9 + 0] = f3VectorNormal[0]; af3Normal[iIndexTriangle * 9 + 1] = f3VectorNormal[1]; af3Normal[iIndexTriangle * 9 + 2] = f3VectorNormal[2]; af3Normal[iIndexTriangle * 9 + 3] = f3VectorNormal[0]; af3Normal[iIndexTriangle * 9 + 4] = f3VectorNormal[1]; af3Normal[iIndexTriangle * 9 + 5] = f3VectorNormal[2]; af3Normal[iIndexTriangle * 9 + 6] = f3VectorNormal[0]; af3Normal[iIndexTriangle * 9 + 7] = f3VectorNormal[1]; af3Normal[iIndexTriangle * 9 + 8] = f3VectorNormal[2]; } } m_fbNormal = OpenGLBaseRenderer.makeFloatBuffer( af3Normal ); // マテリアル if( null != material ) { m_material = material; } else { m_material = new Material(); } } public void createVBO( GL10 gl ) { destroyVBO( gl ); if( false == gl instanceof GL11 ) { return; } GL11 gl11 = (GL11)gl; // VBO ID 配列の生成 gl11.glGenBuffers( m_aiVBOid.length, m_aiVBOid, 0 ); // データの転送 if( 0 != m_aiVBOid[0] ) { // Vertexデータの転送 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidVertex() ); gl11.glBufferData( GL11.GL_ARRAY_BUFFER, m_fbVertex.capacity() * SIZEOF_FLOAT, m_fbVertex, GL11.GL_STATIC_DRAW ); // TriangleVertexIndexデータの転送 gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, getVBOidTriangleVertexIndex() ); gl11.glBufferData( GL11.GL_ELEMENT_ARRAY_BUFFER, m_sbTriangleVertexIndex.capacity() * SIZEOF_SHORT, m_sbTriangleVertexIndex, GL11.GL_STATIC_DRAW ); // EdgeVertexIndexデータの転送 gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, getVBOidEdgeVertexIndex() ); gl11.glBufferData( GL11.GL_ELEMENT_ARRAY_BUFFER, m_sbEdgeVertexIndex.capacity() * SIZEOF_SHORT, m_sbEdgeVertexIndex, GL11.GL_STATIC_DRAW ); // Normalデータの転送 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidNormal() ); gl11.glBufferData( GL11.GL_ARRAY_BUFFER, m_fbNormal.capacity() * SIZEOF_FLOAT, m_fbNormal, GL11.GL_STATIC_DRAW ); // バインドの解除 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, 0 ); gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, 0 ); } } public void destroyVBO( GL10 gl ) { if( 0 == m_aiVBOid[0] ) { return; } if( false == gl instanceof GL11 ) { return; } GL11 gl11 = (GL11)gl; gl11.glDeleteBuffers( m_aiVBOid.length, m_aiVBOid, 0 ); Arrays.fill( m_aiVBOid, 0 ); } }

モデルクラスの修正

モデルクラスは、グループの集まりを表すデータ構造に変更します。

public class Model { private Group[] m_aGroup; public Model( Group[] aGroup ) { m_aGroup = aGroup; } public int getGroupCount() { return m_aGroup.length; } public Group getGroup( int iIndexGroup ) { return m_aGroup[iIndexGroup]; } }

モデルファイル読み込み処理の修正

モデルデータ構造の変更にあわせて、ファイル読み込み処理を、モデルデータ構造の変更に対応したものへ変更します。

StlFileLoaderクラスのload関数の

return new Model( af3Vertex );

をコメントアウトし、
直後に、

// モデルデータ化
float[] f4Ambient = { 0.25f, 0.20725f, 0.20725f, 1.0f };
float[] f4Diffuse = { 1.0f, 0.829f, 0.829f, 1.0f };
float[] f4Specular = { 0.296648f, 0.296648f, 0.296648f, 1.0f };
float fShininess = 0.088f;
Material material = new Material(f4Ambient, f4Diffuse, f4Specular, fShininess);
Group[] aGroup = new Group[1];
aGroup[0] = new Group( "", af3Vertex, null, material );
return new Model( aGroup );

を追加します。

public class StlFileLoader { public static Model load( String strPath ) { （・・・省略・・・） try { （・・・省略・・・） //return new Model( af3Vertex ); // モデルデータ化 float[] f4Ambient = { 0.25f, 0.20725f, 0.20725f, 1.0f }; float[] f4Diffuse = { 1.0f, 0.829f, 0.829f, 1.0f }; float[] f4Specular = { 0.296648f, 0.296648f, 0.296648f, 1.0f }; float fShininess = 0.088f; Material material = new Material(f4Ambient, f4Diffuse, f4Specular, fShininess); Group[] aGroup = new Group[1]; aGroup[0] = new Group( "", af3Vertex, null, material ); return new Model( aGroup ); } （・・・省略・・・） } （・・・省略・・・） }

モデル描画処理の修正

モデルデータ構造の変更にあわせて、モデル描画関数を、モデルデータ構造の変更に対応したものへ変更します。
描画モードとして、グループ別の色で描画するグループ番号ピック描画モードを追加します。
ピック要素として描画するかどうかの判定に、グループ番号に関する判定を追加します。

public class ModelViewerRenderer extends OpenGLLightRenderer { （・・・省略・・・） @Override protected void renderModel( ERENDERMODE eRenderMode ) { Model model = getModel(); if( null == model ) { return; } GL10 gl = getGL(); if( false == gl instanceof GL11 ) { return; } GL11 gl11 = (GL11)gl; // 頂点配列の有効化 gl.glEnableClientState( GL10.GL_VERTEX_ARRAY ); byte[] abtRGB_groupid = { 0, 0, 0 }; for( int iIndexGroup = 0; iIndexGroup < model.getGroupCount(); ++iIndexGroup ) { Group group = model.getGroup( iIndexGroup ); if( null == group || null == group.getVertexBuffer() ) { continue; } if( ERENDERMODE.RM_PICK_GROUPID == eRenderMode ) { index2rgb( iIndexGroup, abtRGB_groupid ); gl11.glColor4ub( abtRGB_groupid[0], abtRGB_groupid[1], abtRGB_groupid[2], (byte)255 ); } if( 0 != group.getVBOidVertex() ) { // Use VBO // 頂点配列の指定 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, group.getVBOidVertex() ); gl11.glVertexPointer( 3, GL10.GL_FLOAT, 0, 0 ); } else { // 頂点配列の指定 gl.glVertexPointer( 3, GL10.GL_FLOAT, 0, group.getVertexBuffer() ); } // 面の描画 if( m_bRenderFace && null != group.getTriangleVertexIndexBuffer() ) { if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { gl.glEnableClientState( GL10.GL_COLOR_ARRAY ); if( 0 != getVBOidTriangleIdColor() ) { // Use VBO // 色配列の指定 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidTriangleIdColor() ); gl11.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, 0 ); } else { // 色配列の指定 gl.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, getTriangleIdColorBuffer() ); } } else if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 1.0f, 0.0f, 0.0f, 1.0f ); } else if( ERENDERMODE.RM_PICK_GROUPID == eRenderMode ) { ; // 色はグループループの先頭で設定 } else { gl.glEnableClientState( GL10.GL_NORMAL_ARRAY ); if( 0 != group.getVBOidNormal() ) { // Use VBO // 法線ベクトル配列の指定 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, group.getVBOidNormal() ); gl11.glNormalPointer( GL10.GL_FLOAT, 0, 0 ); } else { // 法線ベクトル配列の指定 gl.glNormalPointer( GL10.GL_FLOAT, 0, group.getNormalBuffer() ); } gl.glEnable( GL10.GL_LIGHTING ); // 光源の効果を有効にする。 gl.glEnable( GL10.GL_NORMALIZE ); // OpenGL側で法線ベクトルを単位法線ベクトル化するようにする gl.glLightModelx( GL10.GL_LIGHT_MODEL_TWO_SIDE, 1 );// 面の表と裏に光があたるようにする //gl.glEnable( GL10.GL_COLOR_MATERIAL );// 色設定をマテリアル設定として使用するようにする //gl.glColor4f( 0.5f, 0.5f, 0.0f, 1.0f ); /*gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_AMBIENT, m_fbAmbient ); gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_DIFFUSE, m_fbDiffuse ); gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_SPECULAR, m_fbSpecular ); gl.glMaterialf( GL10.GL_FRONT_AND_BACK, GL10.GL_SHININESS, m_fShininess );*/ gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_AMBIENT, group.getMaterial().getAmbientBuffer() ); gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_DIFFUSE, group.getMaterial().getDiffuseBuffer() ); gl.glMaterialfv( GL10.GL_FRONT_AND_BACK, GL10.GL_SPECULAR, group.getMaterial().getSpecularBuffer() ); gl.glMaterialf( GL10.GL_FRONT_AND_BACK, GL10.GL_SHININESS, group.getMaterial().getShininess() ); } if( 0 != group.getVBOidTriangleVertexIndex() ) { // Use VBO gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, group.getVBOidTriangleVertexIndex() ); gl11.glDrawElements( GL10.GL_TRIANGLES, group.getTriangleVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, 0 ); } else { gl.glDrawElements( GL10.GL_TRIANGLES, group.getTriangleVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, group.getTriangleVertexIndexBuffer().position( 0 ) ); } gl.glDisable( GL10.GL_LIGHTING ); // 光源の効果を無効にする。 gl.glDisableClientState( GL10.GL_COLOR_ARRAY ); gl.glDisableClientState( GL10.GL_NORMAL_ARRAY ); // 法線ベクトル配列の無効化 // ピック面の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( iIndexGroup == m_aiName[0] && ERENDERELEMENTTYPE.RET_FACE.getValue() == m_aiName[1] ) { int iIndexTriangle = m_aiName[2]; gl.glColor4f( 1.0f, 1.0f, 0.0f, 1.0f ); if( 0 != group.getVBOidTriangleVertexIndex() ) { // Use VBO gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, group.getVBOidTriangleVertexIndex() ); gl11.glDrawElements( GL10.GL_TRIANGLES, 3, GL10.GL_UNSIGNED_SHORT, 3 * iIndexTriangle * SIZEOF_SHORT ); } else { gl.glDrawElements( GL10.GL_TRIANGLES, 3, GL10.GL_UNSIGNED_SHORT, group.getTriangleVertexIndexBuffer().position( 3 * iIndexTriangle ) ); } } } } // 線の描画 if( m_bRenderLine && null != group.getEdgeVertexIndexBuffer() ) { gl.glLineWidth( 2.0f ); if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { int iCountTriangle = group.getTriangleCount(); int iIndexTriangle; int i3; int iIndexEdge; byte[] abtRGB = { 0, 0, 0 }; if( 0 != group.getVBOidEdgeVertexIndex() ) { // Use VBO gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, group.getVBOidEdgeVertexIndex() ); } 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 ); if( 0 != group.getVBOidEdgeVertexIndex() ) { // Use VBO gl11.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, 2 * iIndexEdge * SIZEOF_SHORT ); } else { gl.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, group.getEdgeVertexIndexBuffer().position( 2 * iIndexEdge ) ); } } } } else { if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 0.0f, 1.0f, 0.0f, 1.0f ); } else if( ERENDERMODE.RM_PICK_GROUPID == eRenderMode ) { ; // 色はグループループの先頭で設定 } else { gl.glColor4f( 0.0f, 0.5f, 0.5f, 1.0f ); } if( 0 != group.getVBOidEdgeVertexIndex() ) { // Use VBO gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, group.getVBOidEdgeVertexIndex() ); gl11.glDrawElements( GL10.GL_LINES, group.getEdgeVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, 0 ); } else { gl.glDrawElements( GL10.GL_LINES, group.getEdgeVertexIndexBuffer().capacity(), GL10.GL_UNSIGNED_SHORT, group.getEdgeVertexIndexBuffer().position( 0 ) ); } } // ピック線の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( iIndexGroup == m_aiName[0] && 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 ); if( 0 != group.getVBOidEdgeVertexIndex() ) { // Use VBO gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, group.getVBOidEdgeVertexIndex() ); gl11.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, 2 * iIndexEdge * SIZEOF_SHORT ); } else { gl.glDrawElements( GL10.GL_LINES, 2, GL10.GL_UNSIGNED_SHORT, group.getEdgeVertexIndexBuffer().position( 2 * iIndexEdge ) ); } } } } // 点の描画 if( m_bRenderPoint ) // && null != group.getVertexBuffer() ) { gl.glPointSize( 5.0f ); if( ERENDERMODE.RM_PICK_ELEMENTID == eRenderMode ) { gl.glEnableClientState( GL10.GL_COLOR_ARRAY ); if( 0 != getVBOidVertexIdColor() ) { // Use VBO // 色配列の指定 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidVertexIdColor() ); gl11.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, 0 ); } else { // 色配列の指定 gl.glColorPointer( 4, // Must be 4. GL10.GL_UNSIGNED_BYTE, 0, getVertexIdColorBuffer() ); } } else if( ERENDERMODE.RM_PICK_ELEMENTTYPE == eRenderMode ) { gl.glColor4f( 0.0f, 0.0f, 1.0f, 1.0f ); } else if( ERENDERMODE.RM_PICK_GROUPID == eRenderMode ) { ; // 色はグループループの先頭で設定 } else { gl.glColor4f( 0.5f, 0.0f, 0.5f, 1.0f ); } gl.glDrawArrays( GL10.GL_POINTS, 0, group.getVertexCount() ); gl.glDisableClientState( GL10.GL_COLOR_ARRAY ); // ピック点の描画 if( ERENDERMODE.RM_RENDER == eRenderMode ) { if( iIndexGroup == m_aiName[0] && 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 ); } } } if( 0 != group.getVBOidVertex() ) { // Use VBO // バインドの解除 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, 0 ); gl11.glBindBuffer( GL11.GL_ELEMENT_ARRAY_BUFFER, 0 ); } } // 頂点配列の無効化 gl.glDisableClientState( GL10.GL_VERTEX_ARRAY ); } （・・・省略・・・） }

要素選択関数の修正

ピックOpenGLレンダラクラスの要素選択関数を、モデルデータ構造の変更に対応したものへ変更します。
描画のモードに関する 列挙型の定義に、グループ番号ピック描画モードを追加します。
グループ番号ピック描画モードでモデルを描画し、描画後、ピック領域のピクセルの色を読み取り、グループ番号をピック領域の名前列の1番目にセットする処理を追加します。

enum ERENDERMODE { RM_UNDEFINE, RM_RENDER, RM_PICK_GROUPID, RM_PICK_ELEMENTTYPE, RM_PICK_ELEMENTID, } （・・・省略・・・） public class OpenGLPickRenderer extends OpenGLModelRenderer { （・・・省略・・・） public boolean doPicking( float fX, float fY ) { （・・・省略・・・） 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 ); } // ピック描画（グループ番号別） gl.glClear( GL10.GL_COLOR_BUFFER_BIT | GL10.GL_DEPTH_BUFFER_BIT ); renderModel( ERENDERMODE.RM_PICK_GROUPID ); 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][0] = rgb2index( r, g, b ); } // ピックピクセルを一つに絞って、名前列メンバの更新 DecidePickNameArray( aaiName ); } （・・・省略・・・） } }

ピックOpenGLレンダラクラスのモデルをセットする関数内の要素番号別の色で描画するための色バッファーの構築処理を、モデルデータ構造の変更に対応したものへ変更します。

public class OpenGLPickRenderer extends OpenGLModelRenderer { （・・・省略・・・） @Override public void setModel( Model model ) { Arrays.fill( m_aiName, 0 ); super.setModel( model ); int iCountPoint_max = 0; int iCountTriangle_max = 0; Group group; for( int iIndexGroup = 0; iIndexGroup < model.getGroupCount(); ++iIndexGroup ) { group = model.getGroup( iIndexGroup ); if( iCountPoint_max < group.getVertexCount() ) { iCountPoint_max = group.getVertexCount(); } if( iCountTriangle_max < group.getTriangleCount() ) { iCountTriangle_max = group.getTriangleCount(); } } byte[] abtRGB = { 0, 0, 0 }; byte[] abt4PointIdColor = new byte[iCountPoint_max * 4]; for( int i = 0; i < iCountPoint_max; 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 ); byte[] abt4TriangleIdColor = new byte[iCountTriangle_max * 3 * 4]; for( int i = 0; i < iCountTriangle_max; 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 ); } （・・・省略・・・） }

モデルレンダラクラスのVBO構築関数、VBO破棄関数の修正

モデルレンダラクラスのVBO構築関数、VBO破棄関数も、モデルデータ構造の変更に対応したものへ変更します。

public class ModelViewerRenderer extends OpenGLLightRenderer { （・・・省略・・・） public void createVBO() { destroyVBO(); if( false == getGL() instanceof GL11 ) { return; } GL11 gl11 = (GL11)getGL(); // モデルに関するVBO if( null != getModel() ) { for( int iIndexGroup = 0; iIndexGroup < getModel().getGroupCount(); ++iIndexGroup ) { getModel().getGroup( iIndexGroup ).createVBO( getGL() ); } } // ピック処理用の要素番号色に関するVBO if( null != getModel() ) { // ピック処理用の要素番号色は、モデルと連動しているので、モデルがない場合は、VBO作成スキップ // VBO ID 配列の生成 gl11.glGenBuffers( m_aiVBOidIdColor.length, m_aiVBOidIdColor, 0 ); // データの転送 if( 0 != m_aiVBOidIdColor[0] ) { // 頂点番号色データの転送 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidVertexIdColor() ); gl11.glBufferData( GL11.GL_ARRAY_BUFFER, getVertexIdColorBuffer().capacity() * SIZEOF_BYTE, getVertexIdColorBuffer(), GL11.GL_STATIC_DRAW ); // 三角形番号色データの転送 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, getVBOidTriangleIdColor() ); gl11.glBufferData( GL11.GL_ARRAY_BUFFER, getTriangleIdColorBuffer().capacity() * SIZEOF_BYTE, getTriangleIdColorBuffer(), GL11.GL_STATIC_DRAW ); // バインドの解除 gl11.glBindBuffer( GL11.GL_ARRAY_BUFFER, 0 ); } } } public void destroyVBO() { if( false == getGL() instanceof GL11 ) { return; } GL11 gl11 = (GL11)getGL(); // ピック処理用の要素番号色に関するVBO if( 0 != m_aiVBOidIdColor[0] ) { gl11.glDeleteBuffers( m_aiVBOidIdColor.length, m_aiVBOidIdColor, 0 ); Arrays.fill( m_aiVBOidIdColor, 0 ); } // モデルに関するVBO if( null != getModel() ) { for( int iIndexGroup = 0; iIndexGroup < getModel().getGroupCount(); ++iIndexGroup ) { getModel().getGroup( iIndexGroup ).destroyVBO( getGL() ); } } } }

モデルレンダラクラスのマテリアルメンバ変数の削除

モデルビューアレンダラクラスの、マテリアルメンバ変数は、使わなくなったので、コメントアウトします。コンストラクタの関連処理もコメントアウトします。

public class ModelViewerRenderer extends OpenGLLightRenderer { （・・・省略・・・） /*private FloatBuffer m_fbAmbient; private FloatBuffer m_fbDiffuse; private FloatBuffer m_fbSpecular; private float m_fShininess;*/ public ModelViewerRenderer() { （・・・省略・・・） // マテリアル設定 /*float[] f4Ambient = { 0.25f, 0.20725f, 0.20725f, 1.0f }; m_fbAmbient = OpenGLBaseRenderer.makeFloatBuffer( f4Ambient ); float[] f4Diffuse = { 1.0f, 0.829f, 0.829f, 1.0f }; m_fbDiffuse = OpenGLBaseRenderer.makeFloatBuffer( f4Diffuse ); float[] f4Specular = { 0.296648f, 0.296648f, 0.296648f, 1.0f }; m_fbSpecular = OpenGLBaseRenderer.makeFloatBuffer( f4Specular ); m_fShininess = 0.088f;*/ } （・・・省略・・・） }

モデルレンダラクラスのモデル描画処理の削除

モデルデータ構造の変更によって、文法エラーが生じている、OpenGLModelRendererクラスのモデル描画関数は、中身を空にすることで、文法エラーをなくします。

public class OpenGLModelRenderer extends OpenGLTrackRenderer { （・・・省略・・・） protected void renderModel() { } }

ピックレンダラクラスのモデル描画処理の削除

モデルデータ構造の変更によって、文法エラーが生じている、OpenGLPickRendererクラスのモデル描画関数は、中身を空にすることで、文法エラーをなくします。

public class OpenGLPickRenderer extends OpenGLModelRenderer { （・・・省略・・・） protected void renderModel( ERENDERMODE eRenderMode ) { } （・・・省略・・・） }

実行

Android Virtual Device にて、動作確認。

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

実行し、動作を確認します。
（10．で作成したモデルビューアと動作上の変化はありません。）

sphere.stlファイルの読み込み
（点、線を非描画設定）

ダウンロード

サンプルプロジェクト

サンプルモデル（sphere.stl）

関連ページ

前項目：10. マテリアルの効果の利用

次項目：12．「面はすべて同一のマテリアル設定」ではないモデルファイルの読み込みに対応する