チラつかないビットマップを表示するには

最終更新 2003 10/01

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

全ソースコード
#include <windows.h> #include "resource.h" //マクロ定義 #define CLASS_NAME "Bitmap Sample 6" //クラス名 #define WINDOW_WIDTH 400 //ウィンドウの横幅 #define WINDOW_HEIGHT 400 //ウィンドウの高さ #define BITMAP_SCREEN 3 //用意するビットマップ画面の数 #define ANIKI_IN_SCREEN 30 //画面に表示する兄貴の数 #define RANDOM(x) ( rand() / ( RAND_MAX / x ) ) //０〜ｘまでの乱数を発生 //兄貴の状態を保存しておく構造体 typedef struct tagAnikiState { short x; //Ｘ位置 short y; //Ｙ位置 char cbSpeedX; //Ｘ方向の移動スピード char cbSpeedY; //Ｙ方向の移動スピード char cbFace; //0=左向き 1=右向き } ANIKISTATE; //プロトタイプ宣言 LRESULT CALLBACK WinProc( HWND, UINT, WPARAM, LPARAM ); void DeleteScreen( HDC, HBITMAP ); BOOL LoadBitmapImage( HWND, HDC *, HBITMAP *, LPCSTR ); BOOL MakeBitmap( HWND, HDC *, HBITMAP *, DWORD, DWORD ); void SetAniki( ANIKISTATE * ); void QuitApp(); //グローバル変数宣言 HDC g_hMemDC[BITMAP_SCREEN]; //ビットマップ画面のメモリＤＣ HBITMAP g_hBMP[BITMAP_SCREEN]; //ビットマップ画面のビットマップハンドル //メイン 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, "Bitmap Sample 7", WS_CAPTION|WS_SYSMENU, 0, 0, WINDOW_WIDTH, WINDOW_HEIGHT, NULL, NULL, hInstance, NULL ); if( hWnd == NULL ) return 1; //ビットマップ読み込み if( !MakeBitmap( hWnd, &g_hMemDC[0], &g_hBMP[0], WINDOW_WIDTH, WINDOW_HEIGHT ) ){ QuitApp(); return 1; } if( !LoadBitmapImage( hWnd, &g_hMemDC[1], &g_hBMP[1], MAKEINTRESOURCE( IDB_BITMAP1 ) ) ){ QuitApp(); return 1; } if( !LoadBitmapImage( hWnd, &g_hMemDC[2], &g_hBMP[2], MAKEINTRESOURCE( IDB_BITMAP2 ) ) ){ QuitApp(); return 1; } //ウィンドウ表示 ShowWindow( hWnd, SW_NORMAL ); UpdateWindow( hWnd ); //兄貴の状態の初期設定 ANIKISTATE Aniki[ANIKI_IN_SCREEN]; { BYTE i; for( i = 0; i < ANIKI_IN_SCREEN; i++ ) { Aniki[i].x = RANDOM( WINDOW_WIDTH ) - 32; Aniki[i].y = RANDOM( WINDOW_HEIGHT ) - 64; Aniki[i].cbSpeedX = RANDOM( 20 ) - 10; Aniki[i].cbSpeedY = RANDOM( 20 ) - 10; if( Aniki[i].cbSpeedX > 0 ) Aniki[i].cbFace = 1; if( Aniki[i].cbSpeedX < 0 ) Aniki[i].cbFace = 0; } } WORD wScrollPos = 0; //背景のスクロール位置 //メッセージループ 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 ); //背景をスクロールさせて描画 if( wScrollPos++ >= WINDOW_WIDTH ) wScrollPos = 0; //スクロール位置設定 BitBlt( g_hMemDC[0], wScrollPos, 0, WINDOW_WIDTH - wScrollPos, WINDOW_HEIGHT, g_hMemDC[1], 0, 0, SRCCOPY ); BitBlt( g_hMemDC[0], 0, 0, wScrollPos, WINDOW_HEIGHT, g_hMemDC[1], WINDOW_WIDTH - wScrollPos, 0, SRCCOPY ); //兄貴を動かして描画 BYTE i; for( i = 0; i < ANIKI_IN_SCREEN; i++ ) { SetAniki( &Aniki[i] ); //兄貴を動かす BitBlt( g_hMemDC[0], Aniki[i].x + 10 + RANDOM( 2 ), Aniki[i].y + 10 + RANDOM( 2 ), 32, 64, g_hMemDC[2], 32 * Aniki[i].cbFace, 64, SRCAND ); //影描画 } for( i = 0; i < ANIKI_IN_SCREEN; i++ ) { BitBlt( g_hMemDC[0], Aniki[i].x, Aniki[i].y, 32, 64, g_hMemDC[2], 32 * Aniki[i].cbFace, 64, SRCAND ); //マスク描画 BitBlt( g_hMemDC[0], Aniki[i].x, Aniki[i].y, 32, 64, g_hMemDC[2], 32 * Aniki[i].cbFace, 0, SRCPAINT ); //兄貴描画 } //完成した絵をウィンドウに転送 BitBlt( hDC, 0, 0, WINDOW_WIDTH, WINDOW_HEIGHT, g_hMemDC[0], 0, 0, SRCCOPY ); ReleaseDC( hWnd, hDC ); //ＨＤＣ解放 Sleep( 20 ); //ウェイト } } //ビットマップ画面削除 QuitApp(); return 0; } //メッセージの対応 LRESULT CALLBACK WinProc( HWND hWnd, UINT uMsg, WPARAM wParam, LPARAM lParam ) { switch( uMsg ) { case WM_DESTROY: PostQuitMessage(0); break; case WM_KEYDOWN: switch( wParam ){ case VK_ESCAPE:case VK_F12:case 'x':case 'X': PostQuitMessage(0); } break; } return DefWindowProc( hWnd, uMsg, wParam, lParam ); } //後始末 void QuitApp() { for( BYTE i = 0; i < BITMAP_SCREEN; i++ ) DeleteScreen( g_hMemDC[i], g_hBMP[i] ); } //--------------------------------------------------------------------------------------- // 兄貴の動きを設定 //--------------------------------------------------------------------------------------- void SetAniki( ANIKISTATE *pAniki ) { pAniki->x += pAniki->cbSpeedX; //Ｘ位置移動 pAniki->y += pAniki->cbSpeedY; //Ｙ位置移動 //画面左端にきたとき if( pAniki->x < 0 ) { pAniki->x = 0; pAniki->cbSpeedX = -pAniki->cbSpeedX; pAniki->cbSpeedY = RANDOM( 20 ) - 10; } //画面上端にきたとき if( pAniki->y < 0 ) { pAniki->y = 0; pAniki->cbSpeedY = -pAniki->cbSpeedY; pAniki->cbSpeedX = RANDOM( 20 ) - 10; } //画面右端にきたとき if( pAniki->x > WINDOW_WIDTH - 32 ) { pAniki->x = WINDOW_WIDTH - 32; pAniki->cbSpeedX = -pAniki->cbSpeedX; pAniki->cbSpeedY = RANDOM( 20 ) - 10; } //画面下端にきたとき if( pAniki->y > WINDOW_HEIGHT - 64 ) { pAniki->y = WINDOW_HEIGHT - 64; pAniki->cbSpeedY = -pAniki->cbSpeedY; pAniki->cbSpeedX = RANDOM( 20 ) - 10; } //スピードが正か負かで向きをかえる if( pAniki->cbSpeedX > 0 ) pAniki->cbFace = 1; if( pAniki->cbSpeedX < 0 ) pAniki->cbFace = 0; //たまにスピードチェンジ if( !RANDOM( 100 ) ) pAniki->cbSpeedX = RANDOM( 5 ); if( !RANDOM( 100 ) ) pAniki->cbSpeedY = RANDOM( 5 ); } //--------------------------------------------------------------------------------------- //　DeleteScreen 関数 // 指定したインデックスのビットマップデータを削除して解放する // 引数 // *memDC デバイスの識別するためのハンドル変数へのポインタ // *hBit 読み込むビットマップを識別するためのハンドル変数へのポインタ // 戻り値 // なし //--------------------------------------------------------------------------------------- void DeleteScreen( HDC memDC, HBITMAP hBit ) { DeleteDC( memDC ); DeleteObject( hBit ); } //--------------------------------------------------------------------------------------- //　LoadBitmapImage 関数 //　 ファイルあるいはリソースからメモリへビットマップを読み込む // 引数 // hWnd ウィンドウハンドル // *pMemDC デバイスの識別するためのハンドル変数へのポインタ // *pHBit 読み込むビットマップを識別するためのハンドル変数へのポインタ // lpImageName 読み込むビットマップのファイル名あるいはリソースＩＤ //　戻り値 // 読み込み成功 TRUE // 読み込み失敗 FALSE //---------------------------------------------------------------------------------------- BOOL LoadBitmapImage( HWND hWnd, HDC *pMemDC, HBITMAP *pHBit, LPCSTR lpImageName ) { //ＨＤＣ取得 HDC hDC = GetDC( hWnd ); //メモリＤＣ取得 *pMemDC = CreateCompatibleDC( hDC ); //まず lpImageName で指定された名前がリソースにあるかどうか調べて //あるならリソースから読み込む *pHBit = (HBITMAP)LoadImage( (HINSTANCE)GetWindowLong( hWnd, GWL_HINSTANCE ), MAKEINTRESOURCE( lpImageName ), IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION ); //リソースにないときはファイルから読み込む if( *pHBit == NULL ) { *pHBit = (HBITMAP)LoadImage( NULL, lpImageName, IMAGE_BITMAP, 0, 0, LR_CREATEDIBSECTION | LR_LOADFROMFILE ); //ファイルにもなかったら失敗＆終了 if( *pHBit == NULL ) return FALSE; } //デバイスとビットマップを対応させる SelectObject( *pMemDC, *pHBit ); //ＨＤＣ解放 ReleaseDC( hWnd, hDC ); return TRUE; } //--------------------------------------------------------------------------------------- //　MakeBitmap 関数 //　 メモリ上にビットマップ画面を作成する // 引数 // hWnd ウィンドウハンドル // *pMemDC デバイスの識別するためのハンドル変数へのポインタ // *pHBit 読み込むビットマップを識別するためのハンドル変数へのポインタ // dwWidth 作成するビットマップの横幅 // dwHeight 作成するビットマップの高さ //　戻り値 // 作成成功 TRUE // 作成失敗 FALSE //---------------------------------------------------------------------------------------- BOOL MakeBitmap( HWND hWnd, HDC *pMemDC, HBITMAP *pHBit, DWORD dwWidth, DWORD dwHeight ) { HDC hDC = GetDC( hWnd ); //ＨＤＣ取得 *pMemDC = CreateCompatibleDC( hDC ); //メモリＤＣ作成 BITMAPINFOHEADER bi; //ビットマップのヘッダ設定用構造体 ZeroMemory( &bi, sizeof( bi ) ); //構造体のデータを０でクリア bi.biSize = sizeof( bi ); //構造体のサイズ（とりあえずそのまんまのサイズを設定） bi.biWidth = dwWidth; //ビットマップの横幅を設定 bi.biHeight = dwHeight; //ビットマップの高さを設定 bi.biPlanes = 1; bi.biBitCount = 24; //２４ビットで作成 bi.biCompression = BI_RGB; RGBTRIPLE* pRGBT; //色データ設定用 *pHBit = CreateDIBSection( hDC, (BITMAPINFO*)&bi, DIB_RGB_COLORS, (void**)(&pRGBT), NULL, 0 ); if( *pHBit == NULL ) return FALSE; //取得できなかったらFALSEを返す ReleaseDC( hWnd, hDC ); //ＨＤＣ解放 SelectObject( *pMemDC, *pHBit ); //メモリＤＣにビットマップハンドルを設定 return TRUE; }

画面がチラつかないようにするには

１．ウィンドウと同じサイズの空のビットマップを作る
２．必要なビットマップをメモリに読み込む
３．空のビットマップに必要なビットマップを全て貼り付ける
４．空のビットマップをウィンドウに転送する

こんな手順で処理を行います。

メモリに空のビットマップを作ったり、メモリにビットマップを読み込む方法は
前の項で説明しているのでここでは省略します。

シューティングを例にとると、敵キャラの絵、敵の弾、自機、自機の弾、背景の
パーツスコアや残機の文字や絵などを表示する必要がありますが、ひとつひとつの
絵を直接ウィンドウに貼り付けていると画面がチラついてしまいます。
ですから、ウィンドウと同じサイズの見えない画面をメモリに作っておいて
まずはその画面に必要な絵を全て貼り付けます。

    

全て絵を貼り付け終わったら、最後にその見えない画面をごっそりウィンドウに
転送します。

そうすると、ウィンドウに絵を貼り付ける回数が１回で済むのでチラつきを
押さえることができます。

    

何故ひとつひとつ絵をウィンドウに貼り付けるとチラつくのかというと
垂直帰線割り込みというモニタの仕組みと関係があるそうです。
説明は長くなるので省略します。

また、必要な絵を貼り付けるための見えない画面をワークスクリーンとか裏画面
などと言ったりします。DirectDraw ではバックサーフェスにあたります。

| next | back | home |