元の絵からマスクを作る

最終更新 2003 10/02

サンプルのダウンロード → Exp_CreateMask.lzh(41k)

全ソースコード
#include <windows.h> //クラス名定義 #define CLASS_NAME "CreateMaskTest" //プロトタイプ宣言 LRESULT CALLBACK WinProc( HWND, UINT, WPARAM, LPARAM ); BOOL CreateScreen( HWND, HDC*, HBITMAP*, LPCTSTR ); BOOL CreateMask( const COLORREF, const HDC, const HBITMAP, HDC*, HBITMAP* ); //メイン int WINAPI WinMain( HINSTANCE hInstance, HINSTANCE hPrevInstance, LPSTR lpCmdLine, int nShowCmd ) { { //ウィンドウクラス設定＆登録 WNDCLASS wc; wc.cbClsExtra = 0; wc.cbWndExtra = 0; wc.hbrBackground = (HBRUSH)GetStockObject( WHITE_BRUSH ); wc.hCursor = LoadCursor( NULL, IDC_ARROW ); wc.hIcon = LoadIcon( NULL, IDI_WINLOGO ); wc.hInstance = hInstance; wc.lpfnWndProc = WinProc; wc.lpszClassName = CLASS_NAME; wc.lpszMenuName = NULL; wc.style = 0; if( !RegisterClass( &wc ) ) return 1; } //ウィンドウ作成 HWND hWnd = CreateWindow( CLASS_NAME, CLASS_NAME, WS_CAPTION | WS_SYSMENU, CW_USEDEFAULT, CW_USEDEFAULT, 600, 400, NULL, NULL, hInstance, NULL ); if( hWnd == NULL ) return 1; //ビットマップ画面作成 HDC hMemDC = NULL, hMaskDC = NULL; HBITMAP hBmp = NULL, hMaskBmp = NULL; if( !CreateScreen( hWnd, &hMemDC, &hBmp, "sample.bmp" ) ) return 1; if( CreateMask( RGB(0,0,255), hMemDC, hBmp, &hMaskDC, &hMaskBmp ) ) { //ウィンドウ表示 ShowWindow( hWnd, SW_SHOWNORMAL ); UpdateWindow( hWnd ); //メッセージループ while( TRUE ) { MSG msg; if( PeekMessage( &msg, NULL, 0, 0, PM_REMOVE ) ) { if( msg.message == WM_QUIT ) break; TranslateMessage( &msg ); DispatchMessage( &msg ); } else { HDC hDC = GetDC( hWnd ); //元画像表示 BitBlt( hDC, 10, 10, 274, 258, hMemDC, 0, 0, SRCCOPY ); //作成したマスク画像表示 BitBlt( hDC, 300, 10, 274, 258, hMaskDC, 0, 0, SRCCOPY ); //説明表示 char text[256]; wsprintf( text, "元画像(左)の元の背景色は青です。" ); TextOut( hDC, 10, 280, text, lstrlen( text ) ); wsprintf( text, "CreateMask()関数は画像の合成が簡単にできるように" ); TextOut( hDC, 10, 300, text, lstrlen( text ) ); wsprintf( text, "元画像の背景色を黒に変更します。" ); TextOut( hDC, 10, 320, text, lstrlen( text ) ); ReleaseDC( hWnd, hDC ); Sleep( 50 ); //ウェイトをかけて画面のチラつきを抑える } } } if( hMemDC != NULL ) DeleteDC( hMemDC ); if( hBmp != NULL ) DeleteObject( hBmp ); if( hMaskDC != NULL ) DeleteDC( hMaskDC ); if( hMaskBmp != NULL ) DeleteObject( hMaskBmp ); return 0; } //メッセージの対応 LRESULT CALLBACK WinProc( HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam ) { switch( uMsg ) { case WM_DESTROY: PostQuitMessage(0); break; } return DefWindowProc( hWnd, uMsg, wParam, lParam ); } /* ファイル・リソースからビットマップを読み込み メモリ上にビットマップ画面を作成 */ BOOL CreateScreen( HWND hWnd, HDC* pMemDC, HBITMAP* pHBMP, LPCTSTR lpszImgName ) { HDC hDC = GetDC( hWnd ); *pMemDC = CreateCompatibleDC( hDC ); ReleaseDC( hWnd, hDC ); *pHBMP = (HBITMAP)LoadImage( (HINSTANCE)GetWindowLong( hWnd, GWL_HINSTANCE ), MAKEINTRESOURCE(lpszImgName), IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION ); if( *pHBMP == NULL ) { *pHBMP = (HBITMAP)LoadImage( NULL, lpszImgName, IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION | LR_LOADFROMFILE ); if( *pHBMP == NULL ) return FALSE; } SelectObject( *pMemDC, *pHBMP ); return TRUE; } /* 指定した画像のマスクを作成して、指定した画像の背景色を黒で塗りつぶす この関数で作成されたマスクと元画像を使用することで、背景とキャラクターを 合成することができる clrTransparent = 透過色　RGB()関数を使って指定する hMemDC = マスクを作成したい元の画像のメモリＤＣ hBmp = マスクを作成したい元の画像のＢＭＰハンドル phMaskDC = 作成したマスク画像のメモリＤＣを受け取るポインタ phMaskBmp = 作成したマスク画像のＢＭＰハンドルを受け取るポインタ 戻り値 成功時 = TRUE / 失敗時 = FALSE また、失敗時は phMaskDC と phMaskBmp の値が NULL になる */ BOOL CreateMask( const COLORREF clrTransparent, const HDC hMemDC, const HBITMAP hBmp, HDC* phMaskDC, HBITMAP* phMaskBmp ) { BOOL ret = TRUE; BITMAP bmp; COLORREF clrBkColorOld = CLR_INVALID; HDC hWhiteMaskDC = NULL; HBITMAP hWhiteMaskBmp = NULL; HDC hBlackMaskDC = NULL; HBITMAP hBlackMaskBmp = NULL; while( TRUE ) { //元画像の画像情報を取得 if( GetObject( hBmp, sizeof( BITMAP ), &bmp ) == 0 ){ ret = FALSE; break; } //元画像の背景色を投下色に設定 COLORREF clrBkColorOld = SetBkColor( hMemDC, clrTransparent ); if( clrBkColorOld == CLR_INVALID ){ ret = FALSE; break; } //白バックのマスク作成 hWhiteMaskDC = CreateCompatibleDC( hMemDC ); hWhiteMaskBmp = CreateBitmap( bmp.bmWidth, bmp.bmHeight, 1, 1, NULL ); if( hWhiteMaskDC == NULL || hWhiteMaskBmp == NULL ){ ret = FALSE; break; } if( SelectObject( hWhiteMaskDC, hWhiteMaskBmp ) == NULL ){ ret = FALSE; break; } BitBlt( hWhiteMaskDC, 0, 0, bmp.bmWidth, bmp.bmHeight, hMemDC, 0, 0, SRCCOPY ); //黒バックのマスク作成 hBlackMaskDC = CreateCompatibleDC( hMemDC ); hBlackMaskBmp = CreateCompatibleBitmap( hMemDC, bmp.bmWidth, bmp.bmHeight ); if( hBlackMaskDC == NULL || hBlackMaskBmp == NULL ){ ret = FALSE; break; } if( SelectObject( hBlackMaskDC, hBlackMaskBmp ) == NULL ){ ret = FALSE; break; } BitBlt( hBlackMaskDC, 0, 0, bmp.bmWidth, bmp.bmHeight, hWhiteMaskDC, 0, 0, NOTSRCCOPY ); //元画像の背景色を黒で塗りつぶす if( SetBkColor( hMemDC, clrBkColorOld ) == CLR_INVALID ){ ret = FALSE; break; } BitBlt( hMemDC, 0, 0, bmp.bmWidth, bmp.bmHeight, hBlackMaskDC, 0, 0, SRCAND ); //白バックのマスクをポインタに渡す *phMaskDC = hWhiteMaskDC; *phMaskBmp = hWhiteMaskBmp; break; } //黒バックのマスクを削除 if( hBlackMaskDC != NULL ){ DeleteDC( hBlackMaskDC ); hBlackMaskDC = NULL; } if( hBlackMaskBmp != NULL ){ DeleteObject( hBlackMaskBmp ); hBlackMaskBmp = NULL; } //エラーが出ていたら白マスクも削除 if( !ret ) { if( hWhiteMaskDC != NULL ){ DeleteDC( hWhiteMaskDC ); *phMaskDC = NULL; } if( hWhiteMaskBmp != NULL ){ DeleteObject( hWhiteMaskBmp ); *phMaskBmp = NULL; } } return ret; }

CreateBitmap 関数
CreateCompatibleBitmap 関数
    
    対応しているバージョン
    95, 98, Me, NT3.1以降, CE1.0以降, 2000, XP
        
    使用するヘッダとライブラリ
    wingdi.h
    gdi32.lib



DirectDraw を使う場合は、透過色が指定できるのでマスク画像は必要ないのですが
DirectDraw を使わない場合（ゲームでは使わない理由がないのですが・・・）には
背景の画像とキャラクターの画像を合成するために、マスク画像が必要です。

マスク画像は白と黒だけのモノクロビットマップです。
キャラクターを表示したい部分を黒で塗りつぶし、それ以外を全て白で塗り潰します。

 このような絵があったら

 これがマスク画像になります。


背景とキャラクターを合成させるには

 元の絵の背景を黒に変更します。

そのあと

 マスクを AND で貼り付け
 元の絵を OR で貼り付ける

このように

    １．元の絵から白黒のマスク画像を作る
    ２．元の絵の背景を黒で塗りつぶす

という作業が必要になります。

大抵の場合は、キャラクターの絵を描くついでにマスク画像も作ってしまうのですが
キャラクターの絵を描く度に、いちいちマスク画像を作り直すのはとても面倒です。
ですので、プログラム実行時に自動的にマスク画像を作ってくれるような関数を
こさえてしまえば良いという発想にたどり着きます。

マスク画像を作るときに必要な処理は

１．CreateCompatibleDC() 関数でメモリＤＣを取得
２．CreateBitmap() 関数でモノクロビットマップを作る
３．SelectObject() 関数でメモリＤＣにビットマップハンドルを対応させる
４．SetBkColor() 関数で背景色を設定する(この時、戻り値を変数に保存)
５．BitBlt() 関数で作成したモノクロビットマップに元の画像を貼り付ける

以上の５行程です。

CreateBitmap() 関数は白黒のモノクロビットマップを作ってくれます。
CreateBitmap() 関数でモノクロビットマップを作成したら、SetBkColor() 関数で
背景色を設定します。背景色に設定された色は、次の BitBlt() 関数で色つきの
画像をモノクロビットマップに貼り付ける時に白に変換されます。
背景色以外の色は黒に変換されます。

注意する点は、SetBkColor() 関数を実行する際に、元の背景色を保存しておかなければ
いけません。で、必要がなくなった時点で、再び SetBkColor() 関数を実行して、保存
しておいた元の背景色に戻します。そうしないとリソースメモリがどんどん減って行き
最後には底をついてシステムがフリーズしてしまいます。
SetBkColor() 関数には、元の絵の透明にしたい色を指定します。
色は RGB() マクロで指定します。この辺のやりとりはサンプルを参考にして下さい。

マスク画像が完成したら、次は元の絵の背景色を黒で塗りつぶす必要があります。
これは元の絵のピクセルを１つずつ読み取って、背景色なら黒で塗る・・・という
作業を行うとおそろしく時間がかかってしまうので、もっと効率の良い方法で
処理します。

元の絵の背景を黒で塗りつぶすには

１．CreateCompatibleDC() 関数でメモリＤＣを取得
２．CreateCompatibleBitmap() 関数で元の画像と同じ色数のビットマップを作る
３．SelectObject() 関数でメモリＤＣにビットマップハンドルを対応させる
４．BitBlt() 関数で作成したビットマップにマスク画像の色を反転させて貼り付ける
５．元の絵に３．で作成したビットマップを AND で貼り付ける

以上の５行程です。

マスク画像の白と黒を逆にした色のビットマップを作り、そのビットマップを
元の絵にＡＮＤで合成すると、元の絵の背景色が黒になります。

最後に、変更した背景色を元に戻して、いらなくなったメモリＤＣと
ビットマップハンドルを削除します。
ビットマップハンドルは DeleteObject() 関数で削除し、メモリＤＣは
DeleteDC() 関数で削除します。
先に DeleteDC() でメモリＤＣを削除して、その後 DeleteObject() で
ビットマップハンドルを削除します。
削除する順番は必ずこの通り行います。

背景色を元に戻すのと、ビットマップの削除を忘れるとリソースメモリが
どんどん減ってしまうので、くれぐれも忘れないように。

| home |