たとえば赤を透過色にしたい場合は次のように書きます。

Study::Bitmap graphics;
graphics.load(hdc, TEXT("graphics.bmp"), RGB(255, 0, 0)); // RGB の順で輝度を指定する

この指定によって自動的にマスク画像が作られるようになります。マスク画像のデバイスコンテキストハンドルは Study::Bitmap::getMask() メソッドによって取得できます。

これで Study::Bitmap::load() 時にデバイスコンテキストハンドルを渡さなくても済むようになればいいのですが、今のところ良い方法が思いつきません。

まず、普通に画像をブロック転送すると次のようになります。

背景色であるピンク色までもがコピーされているのがわかります。これは多くの場合、意図した結果ではないはずです。背景色のピンクを除外してコピーするためには次の手順を踏みます。

まず、背景を白、本体を黒とする画像を作ります。これをマスク画像と呼びます。マスク画像が用意できたらラスターオペレーションを使って背景へ AND 転送し、本体の形に背景をくりぬきます。 AND 転送すると黒に近い色が採用されます。この特性を利用して本体の形に穴を開けるというわけです。

背景がくりぬけたら、今度は、そのくりぬいた穴に本体を流し込みます。くりぬいた穴に本体を流し込むためには、背景を黒とする画像と背景とを OR 転送します。 OR 転送すると双方の黒ではない色が採用されます。

見事、目的を達成することができました。

なお、 Study::Bitmap ではこのマスク画像を自動的に生成する機能があります。便利ですね。今後も使っていきましょう。

通常、 GDI 関数を使って図形を描画する際には、描画に先だって描画範囲が背景色で塗りつぶされます。一番わかりやすいのはテキストを描画する TextOut() 関数だと思います。しかしながら、時として、特にゲームの場合は背景を透過して欲しい場合があります。これを実現するためには SetBkMode() 関数に TRANSPARENT と設定します。

// デバイスコンテキストを取得
HDC hdc = GetDC(NULL);

// デバイスコンテキストの背景描画モードを TRANSPARENT に変更
SetBkMode(hdc, TRANSPARENT);

// 描画（背景が透過されている）
TextOut(hdc, 10, 10, TEXT("てすてぃー"), lstrlen(TEXT("てすてぃー")));

// 後始末
ReleaseDC(NULL, hdc);

なお、背景色が欲しい場合は SetBkMode() 関数に OPAQUE を指定するのですが、このとき背景色を指定するための関数は SetBkColor() になります。

SetBkMode(hdc, OPAQUE);
SetBkColor(hdc, RGB(255, 0, 0));

この関数は意外なところに応用が利くのですが、それはまた後ほど。

Study::Bitmap が引数なしコンストラクタを持っていないので使い勝手が悪いなぁと思い、未初期化の状態というの許そうと思っているのですが、受け側の GDI 関数が NULL 許容だと絵が表示されない原因がわかりませんよね。

まだメルマガで例外は扱いたくないです。デザインパターンもポインタもまだ先に延ばしてます。うむむ…

SetBkMode() 関数に描画対象のデバイスコンテキストハンドルと TRANSPARENT という定数を指定すると、そのデバイスコンテキストに対する描画処理の背景色が透過されます。

SetBkMode(hBackBuffer, TRANSPARENT);
TextOut(hBackBuffer, 100, 100, TEXT("ほげら"), lstrlen(TEXT("ほげら")));

TextOut() 関数は最後の引数に文字数を指定する必要があって面倒だったのですが、このサンプルコードにあるように lstrlen() 関数の採用によって解決できました。

Study::Bitmap は BMP 形式のファイルをメモリ内に読み込んで、そのビットマップのデバイスコンテキストへアクセスする手段を提供してくれます。

Study::Bitmap を使うためには次の情報が必要になります。

1. 読み込んだビットマップの表示先となるデバイスコンテキストのハンドル
2. 読み込みたいビットマップファイルの名前

たとえば hWindow というハンドルが指すデバイスコンテキストに対して player.bmp という画像ファイルを表示させたい場合の Study::Bitmap 変数を作るためには次のように書きます。

Study::Bitmap player(hWindow, TEXT("player.bmp"));

ここで生成した player という変数は BitBlt() 等の GDI 関数のデバイスコンテキストハンドルとして渡すことが可能になります。先の例では hWindows というハンドルが指すデバイスコンテキストへ player.bmp という画像ファイルを表示させることが目的でしたが、これを実現するためには次のように書きます。

BitBlt(hWindow, posX, posY, width, height, player, srcX, srcY, SRCCOPY);

ちなみに Study::Bitmap は、その名が示すとおり、ビットマップを扱うための手順を学ぶための型であり、実用性は全く考慮されておりません。もし、ビットマップファイルを扱う手順を忘れてしまった場合は Study::Bitmap のソースコードを開いて確認することができます。

一番の理想は、この型から脱却して別のライブラリを使えるだけの実力を身につけることなのですが、まぁ、まずは一緒にこれを使っていきましょう。

• 描画先のデバイスコンテキストハンドルを取得する
• 描画先と互換性のあるデバイスコンテキストを作成する
• 画像ファイルを読み込む
• 画像ファイルから読み込んだ内容を作成したデバイスコンテキストに適用する
• BitBlt() 関数を使う

まずは図解をご覧ください。

以下、ソースコードとともにひとつずつ詳細を解説します。

描画先のデバイスコンテキストハンドルを取得する

まず、描画先のデバイスコンテキストハンドルを用意します。 WM_PAINT 内であれば BeginPaint() 関数の戻り値として取得できます。 WM_PAINT 以外の場所の場合は GetDC() 関数を使います。詳しくは「ゲーム画面の描画に必要なデバイスコンテキストハンドルを取得する」を参照ください。

// WM_PAINT 内
HDC destHDC = BeginPaint(hWnd, &ps);
// WM_PAINT 外
HDC destHDC = GetDC(hWnd);

描画先と互換性のあるデバイスコンテキストを作成する

描画先のデバイスコンテキストハンドルを取得することができたら、そのハンドルが示すデバイスコンテキストと互換性のあるデバイスコンテキストを作成します。このデバイスコンテキストは画像ファイルの読み込み先になります。あるデバイスコンテキストと互換性のあるデバイスコンテキストを作成するためには CreateCompatibleDC() 関数を使います。

// destHDC と互換性のあるデバイスコンテキストを作成し、ハンドルを返す
HDC srcHDC = CreateCompatibleDC(destHDC);

画像ファイルを読み込む

描画先と、画像ファイルの読み込み先のデバイスコンテキストができたら、画像ファイルを読み込みます。画像ファイルを読み込むためには LoadImage() 関数を使います。画像ファイルの置き場所については「画像ファイルを LoadImage() 関数で読み込めるようにする」を参照してください。

// 画像ファイルを読み込む
HBITMAP bitmap = (HBITMAP)LoadImage(NULL,
                                    TEXT("madoka.bmp"), // 読み込むファイル名
                                    IMAGE_BITMAP,
                                    0, 0,
                                    LR_LOADFROMFILE);

画像ファイルから読み込んだ内容を作成したデバイスコンテキストに適用する

画像が読み込めたら、先ほど CreateCompatibleDC() 関数で作ったデバイスコンテキストへ、画像ファイルの内容を適用します。画像ファイルの内容をデバイスコンテキストへ適用するためには SelectObject() 関数を使います。

// srcHDC に bitmap を適用する
SelectObject(srcHDC, bitmap);

BitBlt() 関数を使う

デバイスコンテキストに画像ファイルの内容が適用できたら完了です。あとは、画像の読み込み先（ srcHDC ）から描画先（ destHDC ）へデータを転送することにより、自分の好きなようにグラフィックを表示することができるようになります。グラフィックデータを転送するためには BitBlt() 関数を使います。詳しくは「ビットマップをブロック転送する」を参照してください。

// 画像を転送する
BitBlt(destHDC,  // 描画先（ HDC ）
       320, 240, // 描画先の左上座標
       32, 32,   // 転送する幅
       srcHDC,   // 転送元（ HDC ）
       120, 100, // 転送元の左上座標
       SRCCOPY); // 転送方式

使ったリソースを解放する

最後に、使ったリソースを解放してシステムへ返します。 GetDC() 関数で取得したデバイスコンテキストハンドルは ReleaseDC() 関数で解放し、 CreateCompatibleDC() 関数で作成したデバイスコンテキストハンドルは DeleteDC() 関数で解放します。詳しくは「 ReleaseDC() と DeleteDC() の違い」を参照ください。

// 使い終わったリソースを解放する
DeleteObject(bitmap);
DeleteDC(srcHDC);
ReleaseDC(hWnd, destHDC);

一連のソース

// WM_PAINT 内
HDC destHDC = BeginPaint(hWnd, &ps);
// WM_PAINT 外
HDC destHDC = GetDC(hWnd);

// destHDC と互換性のあるデバイスコンテキストを作成し、ハンドルを返す
HDC srcHDC = CreateCompatibleDC(destHDC);

// 画像ファイルを読み込む
HBITMAP bitmap = (HBITMAP)LoadImage(NULL,
                                    TEXT("madoka.bmp"), // 読み込むファイル名
                                    IMAGE_BITMAP,
                                    0, 0,
                                    LR_LOADFROMFILE);

// srcHDC に bitmap を適用する
SelectObject(srcHDC, bitmap);

// 画像を転送する
BitBlt(destHDC,  // 描画先（ HDC ）
       320, 240, // 描画先の左上座標
       32, 32,   // 転送する幅
       srcHDC,   // 転送元（ HDC ）
       120, 100, // 転送元の左上座標
       SRCCOPY); // 転送方式

// 使い終わったリソースを解放する
DeleteObject(bitmap);
DeleteDC(srcHDC);
ReleaseDC(hWnd, destHDC);

デバイスコンテキストという形に抽象化されることによって、同じ関数で異なるデバイスにグラフィックを描画（表示）することができるようになります。たとえば、ディスプレイに四角形を描くための関数は Rectangle() ですが、プリンタに四角形を印字するための関数も Rectangle() です。

プログラムはデバイスコンテキストへ直接アクセスすることはできません。デバイスコンテキストを通じてグラフィックを描画（表示）するためには、デバイスコンテキストからデバイスコンテキストハンドルを取得し、そのハンドルを描画関数へ渡します。デバイスコンテキストからデバイスコンテキストハンドルを取得するためには GetDC() 関数を使います。

// ディスプレイのデバイスコンテキストハンドルを取得
HDC display = GetDC(NULL);

// ディスプレイに四角形を描画
Rectangle(display, 100, 100, 200, 200);

/* 中略 */

// デバイスコンテキストを解放
ReleaseDC(NULL, display);

ディスプレイやウィンドウなどのデバイスコンテキストは Windows によって自動的に生成されますが、ビットマップの読み込み先となるメモリなどのデバイスコンテキストは、あとから自分で用意する必要があります。

ゲームの場合は、画像ファイルの読み込み先としてデバイスコンテキストを生成するケースがほとんどです。この場合、デバイスコンテキストは CreateCompatibleDC() 関数によって生成します。 CreateCompatibleDC() 関数は、第１引数にデバイスコンテキストハンドルを受け取り、そのハンドルが示すデバイスコンテキストと互換性のあるデバイスコンテキストを生成します。互換性のあるデバイスコンテキスト同士は、グラフィックを相互に転送することができます。

// ディスプレイのデバイスコンテキストハンドルを取得
HDC display = GetDC(NULL);

// ビットマップの読み込み先のデバイスコンテキストを生成
HDC memory = CreateCompatibleDC(display);

/* 中略 */

// デバイスコンテキストを解放（ CreateCompatibleDC() で作った場合は DeleteDC() ）
DeleteDC(memory);

// デバイスコンテキストを解放（ GetDC() で取得した場合は ReleaseDC() ）
ReleaseDC(display);

使い終わったデバイスコンテキストは解放する必要があります。 GetDC() によって取得したデバイスコンテキストは ReleaseDC() 関数、 CreateCompatibleDC() 関数で生成したデバイスコンテキストは DeleteDC() 関数によって解放します。

通常、 LoadImage() 関数によって画像を読み込もうとすると、実行しているファイル（ *.exe ファイル）が配置されている場所からファイルを探そうとします。しかし、開発中はプロジェクトディレクトリに画像ファイルをコピーすれば、画像が読み込めるようになります。

では、プロジェクトディレクトリとはどこかというと、 Visual C++ 2008 の場合は *.vcproj ファイルが格納されているディレクトリです。場所が非常にわかりづらいので、プライドを捨ててコンピュータ内を検索した方が早いと思います。たとえば SampleGame という名前でプロジェクトを作った場合は SampleGame.vcproj というワードでコンピュータ内を検索します。見つかった SampleGame.vcproj と同じディレクトリに画像ファイルをコピーすることで LoadImage() 関数から読み込めるようになります。

ちなみに次のようなケースでは、画像ファイルをプロジェクトディレクトリにコピーする必要はありません。

• 画像ファイルを絶対パスで読み込む
• 画像ファイルをリソースから読み込む

この方法については、後ほど解説したいと思います。

デスクトップに簡単な図形を描画します。

• デスクトップへの図形描画サンプル