Double Buffering

예제 :)

https://github.com/eazuooz/WindowAPI/commit/d17c2e8e757274a803f76cb94fb4bb7feee67504

Duble Buffering · eazuooz/WindowAPI@d17c2e8

 

우리 프레임워크에는 문제점이 하나 있다.

우리가 비트맵  배경 이미지  그림을 그리는 작업은 그림을 읽는 작업에 비해 훨씬 느리다는

단점이 있다.

 

또한 실시간으로 지워주고 다시 그리고 지워주고 다시그리고를 반복하다 보면 깜빡거림 현상이 일어나게 된다.

이러한 Flicking 현상을 해결하기 위해 더블 버퍼링을 사용한다. 

 

새로운 HDC와 배경인 BITMAP 을 만들어준다.

만들기에 앞서 실제 윈도우 크기와 실제작업영역이 다르다.

우리가 생성한 윈도우 영역은 브라우저 상단영역 및 그외 좌우 바등 윈도우 전체영역을 기준으로 크기를

정하여 윈도우창을 만들어 주었다.

 

 

AdjustWindowRect함수를 이용하면 실제 작업영역의 크기를 지정해줄수 있다.

bool Application::InitializeWindow(WindowData& data)
	{
		mWindowData.hWnd = data.hWnd;
		mWindowData.hdc = GetDC(mWindowData.hWnd);
		mWindowData.width = data.width;
		mWindowData.height = data.height;


		// 비트맵 해상도를 설정하기 위한 실제 윈도우 크기 계산
		RECT rect = { 0, 0, mWindowData.width, mWindowData.height };
		AdjustWindowRect(&rect, WS_OVERLAPPEDWINDOW, false);

		// 윈도우 크기 변경 및 출력 설정
		SetWindowPos(mWindowData.hWnd
			, nullptr, 0, 0
			, rect.right - rect.left
			, rect.bottom - rect.top
			, 0);
		ShowWindow(mWindowData.hWnd, true);

		// 이중 버퍼링
		// 윈도우 해상도와 동일한 크기의 비트맵을 생성
		// 새로 생성한 비트맵을 가리키는 전용 DC 생성
		// 새소 생성한 비트맵과 DC 를 서로 연결
		mWindowData.backTexture
			= CreateCompatibleBitmap(mWindowData.hdc, mWindowData.width, mWindowData.height);
		mWindowData.backBuffer = CreateCompatibleDC(mWindowData.hdc);
		HBITMAP defaultBitmap = (HBITMAP)SelectObject(mWindowData.backBuffer, mWindowData.backTexture);
		DeleteObject(defaultBitmap);

		return true;
	}

 

이제 backBuffer에 물체를 그려준후 원래 buffer에 복사해서 한번에 그릴수 있게 되었다.

더블 버퍼링을 적용시켜 보자.

	void Application::Tick()
	{
		// 업데이트
		Time::GetInstance().Tick();
		InputManager::GetInstance().Tick();
		SceneManager::GetInstance().Tick();

		
		// Clear
		Rectangle(mWindowData.backBuffer, -1, -1, mWindowData.width + 1, mWindowData.height + 1);

		// 렌더링
		SceneManager::GetInstance().Render(mWindowData.backBuffer);
		Time::GetInstance().Render(mWindowData.backBuffer);

		// BitBlt 함수는 DC 간에 그림을 복사하는 함수입니다. 
		BitBlt(mWindowData.hdc, 0, 0, mWindowData.width, mWindowData.height
			, mWindowData.backBuffer, 0, 0, SRCCOPY);
	}