|
 , Hit : 1167 |
|
|
||||
|
|||||
|
|
|
- File #1 : Image2101.jpg(), Download : 21 - File #2 : TestImage.zip(), Download : 23 |
오래 기다리셨습니다.(사실은 안기다리셨죠?) 그놈의 네비 해결하느라고 1주일을 날려 먹었네요. 귀중한 시간을... 오늘 도시바에 맞출 수 있도록 저녁에 친구 괴롭히러 갑니다.오늘 강의는 투명 이미지와 타이머입니다. 투명 이미지라는 것은 그림의 사이 사이에 배경이 비춰 보이는 이미지를 말합니다. 게임에서 아주 중요한 요소지요. 조만간 간단한 게임을 하나 만들어볼 예정인데 그에 대비해서 투명 이미지를 화면에 그려보는 연습을 합니다. 그리고 투명 이미지를 아래 위로 움직여 보도록 하겠습니다. 1. TestImage.Zip 파일을 다운 받아 압축을 푼 다음 아래 파일 2개를 Storage Card2 폴더(SD 카드)에 넣습니다. 다른 곳에 넣으실 분은 나중에 프로그램에서 그 폴더로 바꾸어 주셔야 합니다. Orig02.bmp Title01.bmp 2. 새로운 프로젝트 Exam20을 만듭니다. 그리고 Hello World를 출력하는 부분을 삭제합니다. 3. 프로그램의 제일 위 부분의 전역 변수 선언 영역에 다음과 같이 선언합니다. // Global Variables: HINSTANCE g_hInst; HWND g_hwndCB; ▶HBITMAP g_hOrig; ▶HBITMAP g_hTitle; ▶int g_nYDisp; ▶int g_nYStep; ▶int g_nYDir; g_hOrig 는 배경 그림(Orig02.bmp)을, g_hTitle 은 타이틀 그림(Title01.bmp)을 읽기 위한 변수입니다. g_nYDisp 는 화면에 타이틀 그림을 뿌리는 위치입니다. g_nYStep 는 타이틀 그림이 움직이는 속도(간격)입니다. g_nYDir 은 타이틀 그림이 움직이는 방향입니다. 1 이면 아래로, -1 이면 위로 움직이게 됩니다. 4. 함수의 프로토 타입 선언 영역에 아래와 같이 2개의 함수 선언을 추가합니다. // Forward declarations of functions included in this code module: ...... HWND CreateRpCommandBar(HWND); ▶HBITMAP ReadBitmap( char* sFName ); ▶void DispImage( HDC hdc ); 5. 전 강의에서 만들었던 함수 ReadBitmap을 복사해서 현재 프로그램의 제일 아래에 붙여넣기를 합니다. 6. WndProc 함수로 이동하여 WM_CREATE 메시지 처리 부분에 아래와 같은 코드를 추가합니다. case WM_CREATE: g_hwndCB = CreateRpCommandBar(hWnd); // Initialize the shell activate info structure memset (&s_sai, 0, sizeof (s_sai)); s_sai.cbSize = sizeof (s_sai); ▶ g_hOrig = ReadBitmap( Storage Card2Orig02.bmp ); ▶ g_hTitle = ReadBitmap( Storage Card2Title01.bmp ); ▶ g_nYDisp = 0; ▶ g_nYStep = 10; ▶ g_nYDir = 1; ▶ SetTimer( hWnd, 1, 500, NULL ); break; 그림을 읽고 변수를 초기화한 다음 타이머를 설정합니다. ReadImage 는 그림 2개를 읽는 부분입니다. g_nYDisp 의 처음 값은 0입니다. g_nYStep 은 그림이 움직이는 간격을 10 칸으로 설정합니다. g_nYDir 은 그림이 아래로 움직이도록 1 로 설정합니다. SetTimer( hWnd, 1, 500, NULL ); SetTimer 함수는 타이머를 설정하는 함수입니다. 현재 윈도우에 타이머 1번을 0.5초마다 한번씩 부르도록 설정하는 것입니다. 타이머는 여러개 설정할 수 있으며 값이 500 이면 0.5 초 정도의 간격입니다. NULL 부분은 타이머를 처리하는 다른 함수가 있는 경우에 그 함수를 지정해 주는 것인데 다른 함수가 없이 현재의 윈도우 메시지 처리 루틴 WndProc 가 처리할 경우에 NULL 로 설정합니다. 7. WM_PAINT 메시지 처리 부분에 아래와 같은 코드를 추가합니다. case WM_PAINT: hdc = BeginPaint(hWnd, &ps); ▶ DispImage( hdc ); EndPaint(hWnd, &ps); break; WM_PAINT 메시지는 단지 DispImage 함수만을 호출합니다. DispImage 는 화면에 그림을 그리는 함수로서 나중에 만들 것입니다. 8. WM_PAINT 메시지의 break; 문 다음 줄에 아래와 같이 타이머를 처리하는 메시지 WM_TIMER 처리 부분을 아래와 같이 추가합니다. case WM_PAINT: ...... break; ▶ case WM_TIMER: ▶ hdc = GetDC( hWnd ); ▶ DispImage( hdc ); ▶ ReleaseDC( hWnd, hdc ); ▶ g_nYDisp += g_nYStep * g_nYDir; ▶ if( g_nYDisp + 77 >= 270 ) ▶ { ▶ g_nYDisp = 270 - 77; ▶ g_nYDir = -1; ▶ } ▶ else if( g_nYDisp < 0 ) ▶ { ▶ g_nYDisp = 0; ▶ g_nYDir = 1; ▶ } ▶ break; 일정 시간마다 그림을 뿌리도록 하고 그림의 위치를 계속 바꿉니다. hdc = GetDC( hWnd ); 먼저 그림을 뿌리기 위한 DC를 윈도우로부터 얻습니다. DispImage( hdc ); 그림을 화면에 뿌립니다. ReleaseDC( hWnd, hdc ); DC를 윈도우에게 돌려줍니다. g_nYDisp += g_nYStep * g_nYDir; 그림을 다음 위치로 이동시킵니다. 현재 위치에 간격을 더하게 됩니다. g_nYDir을 곱하는 것은 방향을 결정하기 위해서입니다. g_nYDir 이 양수이면 곱하는 결과는 양수가 되어 g_nYDisp 의 값이 커지게 됩니다. 그럼 출력하는 위치는 아래로 내려가게 됩니다. g_nYDir 이 음수이면 곱하는 결과는 음수가 되고 g_nYDisp 에는 음수를 더하므로 결국 빼는 것이 되어 g_nYDisp 의 값은 감소합니다. 그래서 g_nYDir 의 값에 따라 그림이 위 아래로 움직이게 되는 것입니다. if( g_nYDisp + 77 >= 270 ) { g_nYDisp = 270 - 77; g_nYDir = -1; } 만약 그림이 밑으로 벗어나려 할 경우 그림을 제일 아래 위치에 딱 맞추고 방향을 반대(위)로 전환합니다. g_nYDisp 는 현재 그림을 뿌리는 위치이고 그림의 세로 길이는 77 이므로 현재 뿌리는 위치 + 그림의 길이가 화면의 길이보다 크면 그림이 화면을 약간이라도 벗어나려 한다는 것입니다. 그러면 출력 위치를 제일 밑의 위치 - 그림의 길이로 해서 맞춰 주고 방향을 위 방향으로 -1 값을 줍니다. else if( g_nYDisp < 0 ) { g_nYDisp = 0; g_nYDir = 1; } 만약 그림이 위로 벗어나려 하는 경우 제일 위로 딱 맞추고 방향을 아래로 전환합니다. 9. WM_DESTROY 메시지의 처리 루틴에 아래 코드를 추가합니다. 타이머를 종료하고, 그림을 메모리에서 삭제합니다. case WM_DESTROY: ▶ KillTimer( hWnd, 1 ); ▶ DeleteObject( g_hTitle ); ▶ DeleteObject( g_hOrig ); CommandBar_Destroy(g_hwndCB); PostQuitMessage(0); break; 10. 프로그램의 제일 아래 부분에 아래와 같이 화면에 그림을 그리는 함수 DispImage 를 추가해 줍니다. ▶void DispImage( HDC hdc ) ▶{ ▶ HDC memdc; ▶ ▶ memdc = CreateCompatibleDC( hdc ); ▶ SelectObject( memdc, g_hOrig ); ▶ BitBlt( hdc, 0, 0, 240, 270, memdc, 0, 0, SRCCOPY ); ▶ SelectObject( memdc, g_hTitle ); ▶ TransparentImage( hdc, 10, g_nYDisp, 220, 77, ▶ memdc, 0, 0, 220, 77, RGB(0,255,0) ); ▶ DeleteDC( memdc ); ▶} HDC memdc; 는 메모리 DC를 얻기 위한 DC 변수입니다. memdc = CreateCompatibleDC( hdc ); 인수로 받은 DC 인 hdc 와 똑같은 동작을 할 수 있는 DC를 만들어서 memdc 가 가리키도록 합니다. SelectObject( memdc, g_hOrig ); 메모리 DC 가 배경 그림을 선택합니다. BitBlt( hdc, 0, 0, 240, 270, memdc, 0, 0, SRCCOPY ); 화면으로 배경 그림을 뿌립니다. SelectObject( memdc, g_hTitle ); 타이틀 그림을 선택합니다. TransparentImage( hdc, 10, g_nYDisp, 220, 77, memdc, 0, 0, 220, 77, RGB(0,255,0) ); 타이틀 이미지를 투명 이미지로 화면에 뿌립니다. 이 투명이미지 함수는 이전 윈도우 프로그래밍에서는 못보던 함수입니다. 윈도우에서는 투명 이미지를 뿌리기 위해 꽤 까다로운 작업이 필요했었습니다. 포켓 PC 에서는 사람들의 요구를 받아들여 추가하지 않았나 생각합니다. 첫 번째 인수는 화면의 DC입니다. 두 번째와 세 번째 인수 10, g_nYDisp 는 화면에 뿌려질 위치입니다. 세 번째와 네 번째 인수 220, 77 은 뿌려질 그림의 가로, 세로 크기입니다. memdc 는 그림을 가지고 있는 DC입니다. 이 DC에서 그림을 가져와서 뿌리게 됩니다. 0, 0 은 그림을 가져올 위치입니다. 여덟 번째와 아홉 번째 인수 220, 77 은 가져올 그림의 가로 크기, 세로 크기입니다. RGB(0,255,0) 은 배경이 비치게 되는 투명색을 지정한 것입니다. 타이틀 이미지를 그래픽 툴로 보시면 배경이 녹색으로 되어 있습니다. 이 녹색이 여기서는 배경을 비치도록 하는 투명색이 되는 것입니다. 다른 색으로 한번 바꾸어 보세요. DeleteDC( memdc ); 다 그리고 나서 DC를 돌려줍니다. 11. 실행하면 글자가 내려갔다 - 올라갔다 할 것입니다. 아버... 님의 요청으로 무흣... 한 이미지를 할까 하였으나 저딩 들의 저항이 걱정되어 그냥 깜찍한 이미지로 작업합니다. 리플에서 상관없다고 하면 이후 이미지 작업에서는 무흣... 한 이미지를 쓸까 생각중입니다만... |
|
||||||||
|
||
|
||
| ||
|
|
|||||
|
|
