AI 탐구노트

Map3d는 OpenStreetMap의 건물·도로 데이터를 가져와 Three.js/React-Three-Fiber로 3D 도시 지도를 만들고, 이를 GLB 파일로 내보낼 수 있게 해주는 웹 기반 3D 지도 생성 도구입니다. X에서 영상으로 데모를 보여주길래 크게 기대하지는 않고 서울 중심부를 한번 시도해봤습니다. (실제로는 지방의 외곽지역도 해 봤습니다.) 1. 사이트 열기 Map3d 사이트 (링크) 를 브라우저에서 엽니다. 그런 뒤 지도에서 줌/이동을 이용해서 3D로 변환해보고자 하는 지역을 선택합니다. 저는 우리나라 흥인지문(동대문) 근처를 선택했습니다. Next Step을 클릭합니다. 이렇게 되면 선택한 지역 내에 있는 건물 정보들을 가져오는 단계로 넘어갑니다. 중간에 Next Step 눌러..

요즘 웹사이트를 보면 단순히 글과 사진만 있는 게 아니라, 3D로 된 제품이나 공간을 직접 돌려보고 확대할 수 있는 경우가 많습니다. 예를 들어 부동산 사이트에서 아파트를 3D로 둘러본다거나, 쇼핑몰에서 가구를 여러 각도에서 확인할 수 있는 기능이 그렇습니다. 이런 것들 가운데 약간은 이름이 친숙한 Three.js와 node 기반으로 만들어진 것이 Reall3dViewer 입니다. Reall3dViewer 1️⃣ 개요Reall3dViewer는 웹에서 3D 장면을 보여주고 다룰 수 있도록 만든 뷰어(Viewer)입니다. 특히 최근 주목받는 Gaussian Splatting 기술을 사용해서, 기존보다 훨씬 더 자연스럽고 사실적인 장면을 표현할 수 있습니다. 쉽게 말해, 사진 수백 장을 모아 현실과 비슷..