마인크래프트 감성으로 둘러보는 바르샤바
폴란드의 데이터 과학자이자 개발자인 Piotr Migdał이 바르샤바 도심을 복셀(voxel)로 재구성한 인터랙티브 3D 지도를 공개했어요. 웹 페이지에서 바로 열 수 있고, 시점을 돌리고 확대하면서 도시를 레고 모형처럼 둘러볼 수 있어요. 프로젝트 주소에 ‘vibe’라는 단어가 들어간 걸 보면, AI 코딩 도구와 함께 빠르게 만든 이른바 ‘바이브 코딩’ 프로젝트로 보여요.
화려한 상용 지도 서비스가 넘쳐나는데도 이 프로젝트가 재밌는 이유는, 공개 데이터와 단순한 표현 방식만으로 개인이 도시 하나를 손 안에 담을 수 있다는 걸 보여주기 때문이에요.
복셀이 뭐냐면
복셀은 ‘볼륨(volume)’과 ‘픽셀(pixel)’을 합친 말이에요. 픽셀이 2D 화면을 이루는 작은 네모 점이라면, 복셀은 3D 공간을 이루는 작은 정육면체예요. 마인크래프트를 떠올리시면 바로 감이 오실 거예요. 세상 모든 게 같은 크기의 블록으로 이뤄져 있잖아요.
복셀이 지도와 잘 어울리는 데는 이유가 있어요. 실제 건물을 정밀한 폴리곤 메시로 재현하려면 데이터도 무겁고 손도 많이 가요. 복셀은 “이 칸에 뭔가 있다/없다, 있다면 무슨 색이다”만 정하면 끝이에요. 해상도를 거칠게 잡으면 디테일은 줄지만, 대신 귀엽고 직관적인 느낌이 살고 데이터 처리도 훨씬 단순해져요.
이런 지도는 어떻게 만들어질까
이런 프로젝트는 보통 세 단계를 거쳐 만들어져요.
1단계, 데이터 확보. 도시를 3D로 만들려면 높이 정보가 필요해요. 가장 좋은 재료는 LiDAR 포인트 클라우드예요. LiDAR는 항공기에서 레이저를 쏴서 지면, 건물, 나무까지의 거리를 재는 기술인데, 그 결과물은 수억 개의 (x, y, z) 좌표 점 묶음이에요. 폴란드는 국가 지오포털을 통해 이런 공간 데이터를 공개하고 있어서, 개인이 이런 실험을 하기에 좋은 환경이에요. OpenStreetMap의 건물 외곽선과 층수 정보를 조합하는 방법도 있고요.
2단계, 복셀화(voxelization). 공간을 일정한 크기의 격자로 나누고, 각 칸에 점이 들어 있으면 블록을 채워요. 점마다 붙어 있는 분류 정보(건물, 식생, 지면, 수면 등)를 쓰면 건물은 회색, 나무는 초록, 강은 파랑처럼 색을 입힐 수 있어요.
3단계, 브라우저 렌더링. 기술적으로는 여기가 진짜 승부처예요. 도심 한 구역만 해도 블록이 수십만에서 수백만 개 나오는데, 큐브를 하나씩 따로 그리면 브라우저가 버티지 못하거든요. 그래서 보통 세 가지 최적화를 써요. 같은 모양의 물체를 GPU에 한꺼번에 넘기는 인스턴싱(instancing), 다른 블록에 가려 안 보이는 면은 아예 그리지 않는 면 컬링(face culling), 같은 색의 인접한 면을 큰 사각형 하나로 합치는 그리디 메싱(greedy meshing)이에요. Three.js 같은 WebGL 라이브러리 위에서 이 기법들을 조합하면 노트북에서도 부드럽게 돌아가는 도시를 만들 수 있어요.
3D 도시 지도, 어디까지 왔나
3D 도시 표현은 크게 두 방향으로 가고 있어요. 하나는 구글의 포토리얼리스틱 3D 타일이나 Cesium처럼 최대한 실제와 똑같이 만드는 방향이고, 다른 하나는 이 프로젝트처럼 추상화해서 읽기 쉽게 만드는 방향이에요. 일본 국토교통성이 주도하는 PLATEAU 프로젝트는 전국 도시의 3D 모델을 오픈데이터로 풀면서, 이런 창작 실험이 크게 늘어난 좋은 사례예요.
복셀 지도의 매력은 정확도 경쟁에서 한 발 비켜나 있다는 거예요. 도시계획 시뮬레이션, 일조량 분석, 교육용 시각화, 게임 배경처럼 ‘대략적인 형태’면 충분한 용도가 생각보다 많거든요. 그리고 한 사람이 AI 도구와 함께 이 정도 결과물을 만들 수 있다는 것 자체가 요즘 개발 환경이 얼마나 달라졌는지 보여줘요.
한국에서도 해볼 수 있을까요?
물론이에요. 국토교통부의 브이월드(V-World)는 전국 3D 건물 데이터와 지도 API를 제공하고, 국토지리정보원도 수치지형도를 비롯한 공간정보를 공개하고 있어요. 서울시는 S-Map이라는 3D 디지털 트윈 서비스를 운영하고 있고, 공공데이터포털에서도 건물 높이나 층수 데이터를 찾을 수 있어요.
주말 프로젝트로 우리 동네나 회사 주변을 복셀로 만들어보면 3D 그래픽스, 공간 데이터 처리, 렌더링 최적화를 한 번에 배울 수 있어요. 포트폴리오로도 눈에 확 띄고요. 다만 국내 공간정보는 데이터마다 이용 조건이 다르고 보안 관련 제한이 걸린 경우도 있으니, 공개 배포 전에 라이선스와 이용 범위를 꼭 확인하세요.
마무리
한 줄 정리: 공개 공간 데이터에 복셀이라는 단순한 표현과 브라우저 렌더링 최적화를 더하면, 개인 개발자도 도시 하나를 손 안에 담을 수 있어요.
여러분이라면 한국의 어느 동네를 복셀 지도로 만들어보고 싶으세요? 저는 골목이 복잡한 을지로가 블록으로는 어떻게 보일지 궁금하네요.
🔗 출처: Hacker News