[winAPI 02] 마우스로 사각형 그리기 & 게임 메세지 처리 구조

 

 

 

* 물체가 많이 존재한다면?

 물체 마다 정보가 존재해야 하며 항상 동일하다고 생각할 수 없고, 조금만 움직여도 전체를 다시 그려야 할까?

 게임은 '렌더링' 이라는 것이 존재한다. 여기서 렌더링은 그리고 그리는 반복의 연속이라 생각하자.

 흔히 프레임이라고 알고 있는 개념 맞음 ( 1초에 60번을 그리는 게 기본 ) → 즉 얼마나 깔끔하게 그려주는 가가 관건이 됨

 

 

아래의 예제를 보자

 

 

- 마우스로 사각형 그리기

 

#include <vector>
using std::vector;

struct tObjInfo {
    POINT objPos;
    POINT objScale;
};

vector<tObjInfo> vecInfo;   

POINT ptLT;        
POINT ptRB;         
bool act = false;


// WndProc
    case WM_PAINT:  
    {
            PAINTSTRUCT ps;
            HDC hdc = BeginPaint(hWnd, &ps);  

            HPEN hRedPen = CreatePen(BS_SOLID, 1, RGB(255, 0, 0));           
            HBRUSH hBlackBrush = (HBRUSH)GetStockObject(BLACK_BRUSH);         
            
            HPEN hDefaultPen = (HPEN)SelectObject(hdc, hRedPen);              
            HBRUSH hDefaultBrush = (HBRUSH)SelectObject(hdc, hBlackBrush);

            if (act) {
                Rectangle(hdc, ptLT.x, ptLT.y, ptRB.x, ptRB.y);
            }

            // 추가된 애들 draw
            for (size_t i = 0; i < vecInfo.size(); ++i) {
                Rectangle(hdc, 
                    vecInfo[i].objPos.x - vecInfo[i].objScale.x / 2,
                    vecInfo[i].objPos.y - vecInfo[i].objScale.y / 2,
                    vecInfo[i].objPos.x + vecInfo[i].objScale.x / 2,
                    vecInfo[i].objPos.y + vecInfo[i].objScale.y / 2);
            }

            SelectObject(hdc, hDefaultPen);    
            SelectObject(hdc, hDefaultBrush);  
            DeleteObject(hRedPen);           
            DeleteObject(hDefaultBrush);

            EndPaint(hWnd, &ps);           
        }
        break;

    case WM_LBUTTONDOWN:  
    {
        ptLT.x = LOWORD(lParam);
        ptLT.y = HIWORD(lParam);
        act = true;
    }

    case WM_MOUSEMOVE:    
        ptRB.x = LOWORD(lParam);
        ptRB.y = HIWORD(lParam);
        InvalidateRect(hWnd, nullptr, true);
        break;
    break;

    case WM_LBUTTONUP:  
    {
        tObjInfo info={};
        info.objPos.x = (ptLT.x + ptRB.x) / 2;
        info.objPos.y = (ptLT.y + ptRB.y) / 2;

        info.objScale.x = abs(ptLT.x - ptRB.x);        
        info.objScale.y = abs(ptLT.y - ptRB.y);

        vecInfo.push_back(info);     
        act = false;
        InvalidateRect(hWnd, nullptr, true);
    }
    break;

 

 

 

 

 

우선 여러 개의 사각형을 저장하기 위한 컨테이너를 하나 만들자 → vector

여기서 컨테이너는 STL시간 때 배우는데 여러 객체들을 보관하는 하나의 보관소라고 보면 좋다

 

구조체 tObjInfo 는 저번 시간에 사각형을 만들 때 필요한 중심 좌표와 그로부터의 크기가 포함되어 있다

ptLT, ptRB는 마우스를 눌렀을 때와 뗐을 때의 그 좌표 값을 받기 위한 변수다act는 사각형을 무작정 그리지 않기 위해 필요한 변수다

 

 

 

 

WM_LBUTTONDOWN : 마우스 왼쪽 버튼이 눌렸을 때 메세지 발생WM_MOUSEMOVE : 마우스 움직일 때마다 메세지 발생

WM_LBUTTONUP : 마우스 왼쪽 버튼이 눌렸다가 떼어졌을 때 메세지 발생

 

lParam으로 전달된 하위 16비트는 X 좌표이며, 상위 16비트는 Y 좌표이다.

WM_LBUTTONDOWN에서 마우스를 누를 때 LOWORD(하위 16비트 얻어옴)와 HIWORD(상위 16비트 얻어옴)를 통해 각 좌표를 ptLT에 저장하고 act를 true로 해준다.

 

WM_MOUSEMOVE에서 마우스가 움직일 때의 좌표를 얻어와 ptRB 에 설정하고 무효화를 해서 다시 그림. 무효화 안 해주면 눌러서 사각형을 그리는 과정이 안보임 

 

WM_LBUTTONUP 에서 마우스가 떼어질 때 객체 tObjInfo에 각 ptLT와 ptRB를 이용하여 중앙값과 크기를 구한다. 이때 ptLT 에서 ptRB를 뺀 값이 음수로 나오는 경우가 존재한다(사각형을 그릴 때 드래그를 왼쪽이나 위로 하는 경우). 따라서 abs를 이용해 절댓값을 구해주자.

 

이 객체를 vector에 집어 넣고 act를 false로 바꾼다.

 

 

 

 

WM_PAINT 부분에서 act가 true일 때 사각형을 그린다.근데 우리는 여러 개의 사각형을 만들었고 그 때마다 vector에 저장해줬다. 하지만 무효화 영역을 불러오며 이전에 그렸던 객체가 없어지니, 지금까지 저장한 컨테이너에서 모든 객체를 불러와 그려준다 (반복문 부분)

 

 

 

 

 

 

여기서 문제가 있다.

 

첫 번째는 도형을 많이 그릴 수록 깜빡이는 것인데 InvalidateRect 의 문제다.

타이밍의 문제로 빠른 시간에 전체 영역을 초기화하고 다시 그려서 우리 눈엔 깜빡깜빡 엄청 하는 것
해결 방안은 화면을 2개로 관리하는 법인데 화면을 2개로 해서 하나는 우리가 보고 있는 화면이고 또 하나는 뒷 화면에서 다 그린 후에 우리가 보고 있는 화면으로 전달하는 방법이다.

 

두 번째는 메세지가 없으면 안돌아가는 것이다. 지금은 우리가 끊임 없이 이벤트 메세지가 나오는 활동을 하고 있지만,

게임 같은 경우엔 우리가 아무 행위를 하지 않아도 자동적으로 움직이는 obj가 있을 것이다. 근데 메세지가 없으면 다시 그리지 않아서 멈춰있다는 점이다. 이를 해결하기 위해선 SetTimer을 이용해 강제로 메세지 발동 시킬 수 있지만 굉장히 느리다. (매번 메세지를 이용한다는 것은 시스템 콜이다) 그렇다면 어떤 방식이 있는가 ? → 메세지 처리기 바꾸기

 

 

 

 

- 게임 메세지 처리 구조

 

 : 메세지 처리는 wWinMain에서 진행되고 있었다. 전체의 구조는 전 포스팅을 참고하도록 하자.

2024.04.03 - [🤓 Study/winAPI] - [winAPI 01] Handle, DC, Window Event & 사각형 그리기

[winAPI 01] Handle, DC, Window Event & 사각형 그리기

 

 // 기존 메세지 처리 방식
 
 while (GetMessage(&msg, nullptr, 0, 0))
    {
        if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg))
        {
            TranslateMessage(&msg);
            DispatchMessage(&msg);
        }
    }

 

 

근데 위의 기존 메세지 처리 방식(GetMessage)은 메세지가 발생할 때까지 기다리게 되기 때문에 메세지가 없으면 굴러가지 않도록 한다. 따라서 수정이 조금 필요하다

 

while (true)   
    {
        if (PeekMessage(&msg, nullptr, 0, 0, PM_REMOVE)) {
            if (WM_QUIT == msg.message)
                break;

            if (!TranslateAccelerator(msg.hwnd, hAccelTable, &msg)){
                TranslateMessage(&msg);
                DispatchMessage(&msg);
            }
        }
        else{
	// 메세지 없을 때 이 부분이 진행
        }
    }

 

 

PeekMessage()는 메세지 슬쩍 보겠다는 의미로 메세지큐에서 메세지를 확인한 경우 true, 없는 경우 false을 반환한다. 메세지 유무와 상관없이 돌아가므로 대기 할 이유가 없어 계속 반환한다. 마지막 (5번째) 인자는 메세지를 확인하는 경우 그 메세지를 어떻게 처리할지를 의미한다. 

 

만약 이 함수가 참일 경우 WM_QUIT가 메세지가 발생하지 않은 경우나 메세지가 없는 경우 else에 해당하는 부분이 실행된다. 대부분의 작업은 아무리 메세지가 많이 발생해도 비율로 따지면 대부분의 시간이 메세지가 없는 부분(else)에서 처리된다.

 

else부분에서 Game Code, 디자인 패턴, 싱글톤 패턴이 실행된다.

다음 시간엔 싱글톤 패턴에 대해 공부하겠다