PlayCanvas가 Grace Cathedral을 브라우저에서 3D 가우시안 스플랫으로 재현하다
Building the Grace Cathedral experience
PlayCanvas가 샌프란시스코의 랜드마크인 Grace Cathedral을 3D 가우시안 스플랫으로 캡처한 데이터를 브라우저에서 실시간으로 렌더링하는 인터랙티브 경험을 공개했습니다. WebGPU 하이브리드 렌더러와 스트리밍 SOG 포맷을 활용해 350만 개의 스플랫을 GPU에서 정렬하고, 카메라 이동에 따라 건물 외벽을 잘라내 내부를 보여주는 'Peek' 효과, 숨겨진 깃발 애니메이션, 움직이는 자동차, 층별 사운드스케이프 등을 구현했습니다. 모바일과 데스크톱 모두에서 부드러운 성능을 위해 장치별 예산과 해상도 제한, 깊이 사전 패스 등을 적용했습니다.
WebGPU를 사용하면 컴퓨트 셰이더가 매 프레임 활성 스플랫 세트를 컬링, 프로젝션, 정렬한 다음 버텍스 및 프래그먼트 셰이더가 결과를 렌더링하므로, 데이터를 GPU에 유지해 전송 병목을 피하고 파이프라인이 워커 기반 WebGL 2 렌더러보다 훨씬 빨라집니다.