04．モデルビューワレンダラクラスを作る

描画要素（点、線、面）のＯＮ／ＯＦＦ
マウス操作（回転、平行移動、拡大縮小）のON／OFF
ピック要素（点、線、面）のＯＮ／ＯＦＦ

上記機能を有するモデルビューワレンダラクラスを、ピックOpenGLレンダラクラスの派生クラスとして作成します。

解説

ワイヤーフレーム表示にしたり、サーフェース表示にしたりできるように、描画要素（点、線、面）のON/OFFの設定に応じて描画処理を行います。

ピックする要素として、点のみピックできるようにしたり、面のみピックできるようにしたりできるように、ピック要素（点、線、面）のON/OFFの設定に応じてピック処理を行います。

ローテートできないようにしたり、パンできないようにしたり、ズームできないようにしたりできるように、トラッキングモード（ローテート、パン、ズーム）のON/OFFの設定に応じて、トラック処理を行います。

プロジェクトを開く

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

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

「メニュー／プロジェクト／クラスの追加」でクラス名「CModelViewerRenderer」のクラスを作成します。

テンプレート：C++ クラス
で追加ボタンを押します。

クラス名：CModelViewerRenderer
基底クラス：COpenGLRendererPick
で完了ボタンを押します。

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

メンバ変数、メンバ関数の宣言の追加

ModelViewerRenderer.h のモデルビューワレンダラクラス定義にメンバ変数、メンバ関数の宣言を追加します。

#pragma once #include "OpenGLRendererPick.h" class CModelViewerRenderer : public COpenGLRendererPick { public: CModelViewerRenderer(); ~CModelViewerRenderer(); // メンバ変数 public: BOOL m_bRotation; BOOL m_bPan; BOOL m_bZoom; BOOL m_bRenderPoint; BOOL m_bRenderLine; BOOL m_bRenderFace; BOOL m_bPickPoint; BOOL m_bPickLine; BOOL m_bPickFace; // メンバ関数 private: void RenderModel( ERENDERMODE eRenderMode ); void IdentifyPickRegionPixels( unsigned int uiCountPickRegionPixel, unsigned int aauiNamePickRegionPixel[][NAMEARRAYSIZE] ); public: bool DoTracking( POINT point ); };

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

メンバ変数の初期化

ModelViewerRenderer.cpp のモデルビューワレンダラクラスのコンストラクタにメンバ変数の初期化を追加します。

CModelViewerRenderer::CModelViewerRenderer(void) : m_bRotation(true), m_bPan(true), m_bZoom(true), m_bRenderPoint(true), m_bRenderLine(true), m_bRenderFace(true), m_bPickPoint(true), m_bPickLine(true), m_bPickFace(true) { }

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

DoTracking関数のオーバーライド

モデルビューワのレンダラクラスにマウス操作のON／OFFに対応したトラッキング処理 DoTracking関数 をオーバーライドします。

ModelViewerRenderer.cpp の末尾にDoTracking()の定義を追加します。

bool CModelViewerRenderer::DoTracking( POINT point ) { if( (TM_ROTATION == m_eTrackingMode && !m_bRotation) || (TM_PAN == m_eTrackingMode && !m_bPan) || (TM_ZOOM == m_eTrackingMode && !m_bZoom) ) { // 無効なマウス操作対応処理 return false; } // 親クラスの関数の呼び出し return COpenGLRendererPick::DoTracking( point ); }

OpenGLRendererTrack.h のトラックOpenGLレンダラクラスのメンバ変数
m_eTrackingMode
をprotected変数とします。
メンバ関数
DoTracking
をvirtual関数とします。

class COpenGLRendererTrack : public COpenGLRendererBase { （・・・略・・・） // メンバ変数 private: POINT m_ptLast; GLfloat m_f3RenderingCenter[3]; // 描画中心 GLfloat m_fRenderingRate; // 拡大率 GLfloat m_f16ViewingTransformMatrix[16]; protected: ETRACKINGMODE m_eTrackingMode; // メンバ関数 private: bool SetupProjectionMatrix(); bool SetupModelViewMatrix(); public: void BeginTracking( HWND hWnd, POINT point, ETRACKINGMODE eTrackingMode ); void EndTracking(); virtual bool DoTracking( POINT point ); };

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

RenderModel関数のオーバーロード

モデルビューワのレンダラクラスに描画要素のON／OFFに対応した要素描画処理 RenderModel関数 をオーバーライドします。

ModelViewerRenderer.cpp の末尾にRenderModel関数の定義を追加します。

void CModelViewerRenderer::RenderModel( ERENDERMODE eRenderMode ) { unsigned int uiCountPoint = 8; float points[8][3] = { -5, -5, -5, 5, -5, -5, 5, 5, -5, -5, 5, -5, -5, -5, 5, 5, -5, 5, 5, 5, 5, -5, 5, 5 }; unsigned int uiCountTriangle = 12; unsigned int triangles[12][3] = { 0, 1, 3, 1, 2, 3, 1, 5, 2, 5, 6, 2, 5, 4, 6, 4, 7, 6, 4, 0, 7, 0, 3, 7, 3, 2, 7, 2, 6, 7, 4, 5, 0, 5, 1, 0 }; unsigned int uiIndexTriangle; unsigned int uiIndexLine; unsigned int uiIndexPoint; unsigned int ui3; glPushAttrib( GL_ALL_ATTRIB_BITS ); // アトリビュート復帰できるように、一つ追加 // 面 if( m_bRenderFace ) { if( RM_RENDER == eRenderMode ) { glColor3f( 0.5f, 0.5f, 0.0f ); } if( RM_PICK_ELEMENTTYPE == eRenderMode ) { glColor3f( 1.0f, 0.0f, 0.0f ); } for( uiIndexTriangle = 0; uiIndexTriangle < uiCountTriangle; uiIndexTriangle++ ) { if( RM_PICK_ELEMENTID == eRenderMode ) { glColor3ub( GetRValue(uiIndexTriangle), GetGValue(uiIndexTriangle), GetBValue(uiIndexTriangle) ); } glBegin( GL_TRIANGLES ); glVertex3fv( points[triangles[uiIndexTriangle][0]] ); glVertex3fv( points[triangles[uiIndexTriangle][1]] ); glVertex3fv( points[triangles[uiIndexTriangle][2]] ); glEnd(); } // ピック面の描画 if( RM_RENDER == eRenderMode ) { if( RET_FACE == m_auiName_picked[1] ) { uiIndexTriangle = m_auiName_picked[2]; glColor3f( 1.0f, 1.0f, 0.0f ); // ピック色 glBegin( GL_TRIANGLES ); glVertex3fv( points[triangles[uiIndexTriangle][0]] ); glVertex3fv( points[triangles[uiIndexTriangle][1]] ); glVertex3fv( points[triangles[uiIndexTriangle][2]] ); glEnd(); } } } // 線 if( m_bRenderLine ) { glLineWidth( 2.0 ); if( RM_RENDER == eRenderMode ) { glColor3f( 0.0f, 0.5f, 0.5f ); } if( RM_PICK_ELEMENTTYPE == eRenderMode ) { glColor3f( 0.0f, 1.0f, 0.0f ); } for( uiIndexTriangle = 0; uiIndexTriangle < uiCountTriangle; ++uiIndexTriangle ) { for( ui3 = 0; ui3 < 3; ++ui3 ) { if( RM_PICK_ELEMENTID == eRenderMode ) { uiIndexLine = uiIndexTriangle * 3 + ui3; glColor3ub( GetRValue(uiIndexLine), GetGValue(uiIndexLine), GetBValue(uiIndexLine) ); } glBegin( GL_LINES ); glVertex3fv( points[triangles[uiIndexTriangle][( ui3 + 0 ) % 3]] ); glVertex3fv( points[triangles[uiIndexTriangle][( ui3 + 1 ) % 3]] ); glEnd(); } } // ピック線の描画 if( RM_RENDER == eRenderMode ) { if( RET_LINE == m_auiName_picked[1] ) { uiIndexLine = m_auiName_picked[2]; uiIndexTriangle = uiIndexLine / 3; ui3 = uiIndexLine % 3; glLineWidth( 5.0f ); glColor3f( 0.0f, 1.0f, 1.0f ); glBegin( GL_LINES ); glVertex3fv( points[triangles[uiIndexTriangle][( ui3 + 0 ) % 3]] ); glVertex3fv( points[triangles[uiIndexTriangle][( ui3 + 1 ) % 3]] ); glEnd(); } } } // 点 if( m_bRenderPoint ) { glPointSize( 5.0 ); if( RM_RENDER == eRenderMode ) { glColor3f( 0.5f, 0.0f, 0.5f ); } if( RM_PICK_ELEMENTTYPE == eRenderMode ) { glColor3f( 0.0f, 0.0f, 1.0f ); } for( uiIndexPoint = 0; uiIndexPoint < uiCountPoint; uiIndexPoint++ ) { if( RM_PICK_ELEMENTID == eRenderMode ) { glColor3ub( GetRValue(uiIndexPoint), GetGValue(uiIndexPoint), GetBValue(uiIndexPoint) ); } glBegin( GL_POINTS ); glVertex3fv( points[uiIndexPoint] ); glEnd(); } // ピック点の描画 if( RM_RENDER == eRenderMode ) { if( RET_POINT == m_auiName_picked[1] ) { glPointSize( 10.0f ); glColor3f( 1.0f, 0.0f, 1.0f ); uiIndexPoint = m_auiName_picked[2]; glBegin( GL_POINTS ); glVertex3fv( points[uiIndexPoint] ); glEnd(); } } } glPopAttrib(); // アトリビュートの復帰 return; }

OpenGLRendererPick.h のピックOpenGLレンダラクラスのメンバ変数
m_auiName_pick
をprotected変数とします。
メンバ関数
RenderModel
をprotected関数、さらにvirtual関数とします。

class COpenGLRendererPick : public COpenGLRendererTrack { （・・・略・・・） // メンバ変数 private: GLuint m_uiTextureID; GLuint m_uiRenderBufferID; GLuint m_uiFrameBufferID; protected: unsigned int m_auiName_picked[NAMEARRAYSIZE]; // ピックされた要素の名前列 // メンバ関数 private: void CreateFrameBuffer( int iWidth, int iHeight ); void DestroyFrameBuffer(); bool RenderScene(); void IdentifyPickRegionPixels( unsigned int uiCountPickRegionPixel, unsigned int aauiNamePickRegionPixel[][NAMEARRAYSIZE] ); protected: virtual void RenderModel( ERENDERMODE eRenderMode ); public: void UninitializeOpenGL( HWND hWnd ); void ChangeSize( HWND hWnd, int cx, int cy ); int DoPicking( int x, int y ); };

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

IdentifyPickRegionPixels関数のオーバーロード

モデルビューワのレンダラクラスにピック要素のON／OFFに対応したピック要素特定処理 IdentifyPickRegionPixels関数 をオーバーライドします。

ModelViewerRenderer.cpp の末尾にIdentifyPickRegionPixels関数の定義を追加します。

void CModelViewerRenderer::IdentifyPickRegionPixels( unsigned int uiCountPickRegionPixel, unsigned int aauiNamePickRegionPixel[][NAMEARRAYSIZE] ) { int iId_selected = -1; unsigned int uiElementType_selected = RET_FACE + 1; long lSquareDist_selected = ( 2 + PICKREGIONOFFSET ) * ( 2 + PICKREGIONOFFSET ) + ( 2 + PICKREGIONOFFSET ) * ( 2 + PICKREGIONOFFSET ); long lSquareDist_current; int x; int y; for( unsigned int ui = 0; ui < uiCountPickRegionPixel; ui++ ) { if( 0 == aauiNamePickRegionPixel[ui][1] ) { // モデルの外側 continue; } if( !m_bPickPoint && RET_POINT == aauiNamePickRegionPixel[ui][1] ) { // 点ピックOFFの場合は、点はピックできない continue; } if( !m_bPickLine && RET_LINE == aauiNamePickRegionPixel[ui][1] ) { // 線ピックOFFの場合は、線はピックできない continue; } if( !m_bPickFace && RET_FACE == aauiNamePickRegionPixel[ui][1] ) { // 面ピックOFFの場合は、面はピックできない continue; } if( uiElementType_selected < aauiNamePickRegionPixel[ui][1] ) { // 要素タイプ的に、優先順位が低い continue; } if( uiElementType_selected > aauiNamePickRegionPixel[ui][1] ) { // 要素タイプ的に、優先順位が低い iId_selected = ui; uiElementType_selected = aauiNamePickRegionPixel[ui][1]; x = ui % ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; y = ui / ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; lSquareDist_selected = x * x + y * y; continue; } // 要素タイプ的に、優先順位が同じ場合は、ピック領域の中心に近いものが優先度が高い。 x = ui % ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; y = ui / ( 1 + 2 * PICKREGIONOFFSET ) - PICKREGIONOFFSET; lSquareDist_current = x * x + y * y; if( lSquareDist_selected > lSquareDist_current ) { iId_selected = ui; uiElementType_selected = aauiNamePickRegionPixel[ui][1]; lSquareDist_selected = lSquareDist_current; continue; } } if( -1 == iId_selected ) { return; } // 名前列メンバの更新 memcpy( m_auiName_picked, aauiNamePickRegionPixel[iId_selected], NAMEARRAYSIZE * sizeof( unsigned int) ); }

OpenGLRendererPick.h のピックOpenGLレンダラクラスのメンバ関数
IdentifyPickRegionPixels
をprotected関数、さらにvirtual関数とします。

class COpenGLRendererPick : public COpenGLRendererTrack { （・・・略・・・） // メンバ関数 private: void CreateFrameBuffer( int iWidth, int iHeight ); void DestroyFrameBuffer(); bool RenderScene(); protected: virtual void RenderModel( ERENDERMODE eRenderMode ); virtual void IdentifyPickRegionPixels( unsigned int uiCountPickRegionPixel, unsigned int aauiNamePickRegionPixel[][NAMEARRAYSIZE] ); public: void UninitializeOpenGL( HWND hWnd ); void ChangeSize( HWND hWnd, int cx, int cy ); int DoPicking( int x, int y ); };

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

レンダラオブジェクトのクラスの変更

ModelViewer.cpp の
#include "OpenGLRendererPick.h"
を
#include "ModelViewerRenderer.h"
に、
COpenGLRendererPick glrenderer;
を
CModelViewerRenderer glrenderer;
に変更します。

// ModelViewer.cpp : アプリケーションのエントリ ポイントを定義します。 // #include "stdafx.h" #include "ModelViewer.h" //#include "OpenGLRendererBase.h" //#include "OpenGLRendererTrack.h" //#include "OpenGLRendererPick.h" #include "ModelViewerRenderer.h" #define MAX_LOADSTRING 100 // グローバル変数: HINSTANCE hInst; // 現在のインターフェイス WCHAR szTitle[MAX_LOADSTRING]; // タイトル バーのテキスト WCHAR szWindowClass[MAX_LOADSTRING]; // メイン ウィンドウ クラス名 //COpenGLRendererBase glrenderer; //COpenGLRendererTrack glrenderer; //COpenGLRendererPick glrenderer; CModelViewerRenderer glrenderer; （・・・略・・・）

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

メニューアイテムの追加

メニュー／表示　に以下のメニューアイテムを追加します。
（メニューへのアイテムの追加、編集は、「リソースビュー」を使用します）

メニュー名		メニューID
マウス操作	－	－
－	回転	ID_VIEW_ROTATION
－	平行移動	ID_VIEW_PAN
－	拡大縮小	ID_VIEW_ZOOM
描画	－	－
－	点	ID_VIEW_RENDERPOINT
－	線	ID_VIEW_RENDERLINE
－	面	ID_VIEW_RENDERFACE
ピック	－	－
－	点	ID_VIEW_PICKPOINT
－	線	ID_VIEW_PICKLINE
－	面	ID_VIEW_PICKFACE

メニューアイテム追加画面例


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

メニューアイテムの応答関数の追加、編集

ModelViewer.cpp の WndProc関数に、以下のメニュー操作ウィンドウメッセージ処理を追加します。

メニューコマンドID
ID_VIEW_ROTATION
ID_VIEW_PAN
ID_VIEW_ZOOM
ID_VIEW_RENDERPOINT
ID_VIEW_RENDERLINE
ID_VIEW_RENDERFACE
ID_VIEW_PICKPOINT
ID_VIEW_PICKLINE
ID_VIEW_PICKFACE

メニューハンドラ変数の宣言を追加をします。
WM_CREATEウィンドウメッセージ処理を追加し、メニュー初期化処理を追加します。
WM_COMMANDウィンドウメッセージ処理に、メニューハンドラの取得処理およびメニュー操作ウィンドウズメッセージ処理を追加します。

LRESULT CALLBACK WndProc( HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam ) { switch( message ) { case WM_CREATE: { HMENU hMenu = GetMenu( hWnd ); CheckMenuItem( hMenu, ID_VIEW_ROTATION, glrenderer.m_bRotation ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_PAN, glrenderer.m_bPan ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_ZOOM, glrenderer.m_bZoom ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_RENDERPOINT, glrenderer.m_bRenderPoint ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_RENDERLINE, glrenderer.m_bRenderLine ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_RENDERFACE, glrenderer.m_bRenderFace ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_PICKPOINT, glrenderer.m_bPickPoint ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_PICKLINE, glrenderer.m_bPickLine ? MF_CHECKED : MF_UNCHECKED ); CheckMenuItem( hMenu, ID_VIEW_PICKFACE, glrenderer.m_bPickFace ? MF_CHECKED : MF_UNCHECKED ); } break; case WM_COMMAND: { int wmId = LOWORD( wParam ); HMENU hMenu = GetMenu( hWnd ); // 選択されたメニューの解析: switch( wmId ) { case IDM_ABOUT: DialogBox( hInst, MAKEINTRESOURCE( IDD_ABOUTBOX ), hWnd, About ); break; case IDM_EXIT: DestroyWindow( hWnd ); break; case ID_VIEW_ROTATION: glrenderer.m_bRotation = !glrenderer.m_bRotation; CheckMenuItem( hMenu, ID_VIEW_ROTATION, glrenderer.m_bRotation ? MF_CHECKED : MF_UNCHECKED ); break; case ID_VIEW_PAN: glrenderer.m_bPan = !glrenderer.m_bPan; CheckMenuItem( hMenu, ID_VIEW_PAN, glrenderer.m_bPan ? MF_CHECKED : MF_UNCHECKED ); break; case ID_VIEW_ZOOM: glrenderer.m_bZoom = !glrenderer.m_bZoom; CheckMenuItem( hMenu, ID_VIEW_ZOOM, glrenderer.m_bZoom ? MF_CHECKED : MF_UNCHECKED ); break; case ID_VIEW_RENDERPOINT: glrenderer.m_bRenderPoint = !glrenderer.m_bRenderPoint; CheckMenuItem( hMenu, ID_VIEW_RENDERPOINT, glrenderer.m_bRenderPoint ? MF_CHECKED : MF_UNCHECKED ); InvalidateRect( hWnd, NULL, TRUE ); break; case ID_VIEW_RENDERLINE: glrenderer.m_bRenderLine = !glrenderer.m_bRenderLine; CheckMenuItem( hMenu, ID_VIEW_RENDERLINE, glrenderer.m_bRenderLine ? MF_CHECKED : MF_UNCHECKED ); InvalidateRect( hWnd, NULL, TRUE ); break; case ID_VIEW_RENDERFACE: glrenderer.m_bRenderFace = !glrenderer.m_bRenderFace; CheckMenuItem( hMenu, ID_VIEW_RENDERFACE, glrenderer.m_bRenderFace ? MF_CHECKED : MF_UNCHECKED ); InvalidateRect( hWnd, NULL, TRUE ); break; case ID_VIEW_PICKPOINT: glrenderer.m_bPickPoint = !glrenderer.m_bPickPoint; CheckMenuItem( hMenu, ID_VIEW_PICKPOINT, glrenderer.m_bPickPoint ? MF_CHECKED : MF_UNCHECKED ); break; case ID_VIEW_PICKLINE: glrenderer.m_bPickLine = !glrenderer.m_bPickLine; CheckMenuItem( hMenu, ID_VIEW_PICKLINE, glrenderer.m_bPickLine ? MF_CHECKED : MF_UNCHECKED ); break; case ID_VIEW_PICKFACE: glrenderer.m_bPickFace = !glrenderer.m_bPickFace; CheckMenuItem( hMenu, ID_VIEW_PICKFACE, glrenderer.m_bPickFace ? MF_CHECKED : MF_UNCHECKED ); break; default: return DefWindowProc( hWnd, message, wParam, lParam ); } } break; （・・・略・・・）

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

実行

メニューから
描画要素（点、線、面）のＯＮ／ＯＦＦ
マウス操作（回転、平行移動、拡大縮小）のON／OFF
ピック要素（点、線、面）のＯＮ／ＯＦＦ
を変更することが可能となっていること、
メニューの変更が画面、操作に反映されていることを確認します。

実行結果

ダウンロード

ソースファイルダウンロード ( ModelViewerOpenGLWinAPI2015_04_app.zip )

関連ページ

前項目：03．ピックOpenGLレンダラクラスを作る

次項目：05．モデルデータ構造を作る