[📜일지] 웹에서 2억 폴리곤 렌더링하기

처음부터 만든건 아니고, Orillusion이라는 오픈소스 웹 게임엔진에 GPU기반 최적화를 도입했습니다.

Orillusion에서는 WebGPU기반의 렌더링과 포스트 프로세싱을 훌륭하게 구현해놨습니다.

따라서 벤치마크에서 몇십만개의 오브젝트를 Web환경에서 무리없이 그려냈습니다.

하지만 실제 게임에서는 보이지 않는 것들은 그려내지 않고, 멀리 있는 물체는 대충 그려내는 최적화 기술이 꼭 필요합니다.

이 둘을 Culling과 LOD라고 부르며, 특히 건물 내부에서는 Culling이, 야외 환경에서는 LOD가 높은 효율을 냅니다.

Orillusion에는 CPU기반의 프러스텀 컬링(화면 영역 밖의 물체를 안그림)과 기본적인 LOD 세팅 (선택 알고리즘은 없음)이 있습니다.

저는 GPU기반의 프러스텀/오클루전 컬링과 LOD선택을 도입했습니다.

오클루전 컬링과 LOD선택은 뎁스맵(정확히는 HiZ)이 필요하기에 이전 프레임의 뎁스맵을 이용했습니다.

즉 Unreal Engine의 Nanite의 열화판.. 으로 이해할 수 있습니다.

Nanite라고 하기엔 거창하고 기본적으로 다른 게임엔진에서도 필수적으로 사용하는 최적화 기법입니다.

벤치마크 규모는 1936 폴리곤(토러스 LOD0) * 100 머티리얼 * 1000개로, 약 2억개의 삼각형을 그려냈습니다.

2fb8de25eddf39b465ff84e546fc6a2d10ea790a78bfcb139955c7c98fa075

깃헙 페이지에도 올렸으니 직접 확인해보실 수 있습니다.

모바일에서는 3-40프레임 정도로 나오고, PC에서는 카메라 회전에 추가로 카메라 위치도 옮길 수 있습니다.

메모리/셰도맵 최적화 이후에 바로 건축물/야외 씬 제작을 해보려고 합니다.

댓글 4