Dachae's DevLogs

Unity에서 SUMO 도로 네트워크(.net.xml) 시각화하기 SUMO로 도로네트워크 시뮬레이션을 위해 도로 정보를 lane(차선) 단위로 분석·시각화하려고 합니다. 하지만 SUMO에서 자체적으로 변환한 GeoJSON 파일은 edge(도로 중심선)만 추출해주고, 실제 각 차선(lane) 단위의 라인은 표현되지 않습니다. 그래서 net.xml을 직접 파싱해서 lane별 GeoJSON을 만드려고 합니다. 이전 글 보기 [디지털 트윈] Unity에서 지형을 3D로 시각화하기 - 수치 지형도/정사 영상 편Unity에서 지형을 3D로 시각화하기 - 수치 지형도/정사 영상 편 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정d..

Unity에서 SUMO 차량(fcd.xml) 시뮬레이션하기 앞서 도시 모빌리티·환경 시뮬레이션을 위해 QGIS를 이용해 지형/건물/도로 데이터를 가상 환경에 올리는 작업을 진행했습니다. 이번에는 SUMO에서 제공하는 차량 위치 데이터 xml 파일을 이용하여 실제 교통 시뮬레이션을 만들어 보려고 합니다. 이전 글 보기 [디지털 트윈] Unity에 지형을 3D로 시각화하기 - 수치 지형도/정사 영상 편Unity에 지형을 3D로 시각화하기 - 수치 지형도/정사 영상 편 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보dachaes-devlogs.tistory.com [디지털 트윈] Unity에 건물을 3D로 시각화하기Uni..

Unity에서 건물을 3D로 시각화하기 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지도를 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보를 시각화할 계획입니다. 우선 V-World 디지털트윈국토에서 지원하는 GIS건물통합정보를 기반으로, Unity 위에 건물 데이터를 3D로 표현하려 합니다. 이전 글 보기 [디지털 트윈] Unity에 3D 지형 시각화하기 - 수치 지형도/정사 영상 편Unity에 3D 지형 시각화하기 - 수치 지형도/정사 영상 편 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보를dachaes-devlogs.tistory.com [디지털 트윈] Unity에 3D..

Unity에서 지형을 3D로 시각화하기 - DEM 편 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보를 시각화할 계획입니다. 우선 국토정보플랫폼에서 지원하는 정사 영상을 QGIS에 띄우려고 합니다. 이전 글 보기 [디지털 트윈] Unity에 3D 지형 시각화하기 - 수치 지도/정사 영상 편Unity에 3D 지형 시각화하기 - 수치 지도/정사 영상 편디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보를 시각dachaes-devlogs.tistory.com 개발 환경Node v22.16.0React v19.1.0 (TypeScript)..

Unity에서 지형을 3D로 시각화하기 - 수치 지형도/정사 영상 편 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지형을 구현해보려 합니다. 이를 위해 지형, 건물, 도로 등 다양한 공간 정보를 시각화할 계획입니다. 우선 국토정보플랫폼에서 지원하는 정사 영상을 QGIS에 띄우려고 합니다. 개발 환경Node v22.16.0React v19.1.0 (TypeScript) + ViteQGIS Desktop 3.42.3Unity 6000.0.50f1 (LTS)개발 순서수치 지형도 다운받기정사 영상 다운받기참고 사이트국토정보플랫폼 국토정보맵 - 수치지도 : https://map.ngii.go.kr/ms/map/NlipMap.do블로그 : https://bongra.tistory.com/226 1. ..

React와 CesiumJS로 3D 건물 시각화하기 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지도를 구현해보려 합니다. 이를 위해 CesiumJS를 활용하여 지형, 건물, 도로 등 다양한 공간 정보를 시각화할 계획입니다. 우선 V-World 디지털트윈국토에서 지원하는 GIS건물통합정보를 기반으로, CesiumJS 위에 건물 데이터를 3D로 표현하려 합니다. 이전 글 보기 [디지털 트윈] React에서 CesiumJS 사용하기CesiumJS는 3D 지구본과 도시 시각화를 위한 오픈소스 라이브러리입니다. 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지도를 구현해보려 합니다. 본격적인 개발에 앞서 CesiumJS 환경을dachaes-devlogs.tistory.com 개발 환..

React에서 CesiumJS 사용하기 CesiumJS는 3D 지구본과 도시 시각화를 위한 오픈소스 라이브러리입니다. 디지털 트윈 프로젝트를 준비하며, 웹 브라우저 상에서 3D 지도를 구현해보려 합니다. 본격적인 개발에 앞서 CesiumJS 환경을 먼저 구성하고, 간단한 예시 지도를 띄워보는 과정을 진행했습니다. 또한 이번 작업은 폐쇄망(인터넷이 단절된 환경)을 전제로 하기 때문에, Cesium Ion은 사용하지 않습니다. 개발 환경Node v22.16.0React v19.1.0 (TypeScript) + Vite개발 순서Cesium 설치하기정적 리소스 복사하기Cesium 환경 설정하기기본 뷰어 코드 작성하기 (Ion 제거)참고 사이트CesiumJS 공식 사이트 : https://cesium.com/pl..

OSM 데이터를 Unity 3D에 불러오기 디지털 트윈 프로젝트를 위해 OSM2World를 활용하여 OpenStreetMap(OSM) 데이터를 가져와 Unity 상에서 3D 환경으로 구현해보고자 했습니다. 개발 환경Node v22.16.0React v19.1.0 (TypeScript) + ViteUnity 6000.0.50f1 (LTS)OSM2World (Java 기반 도구)JDK 21.0.7Apache Maven개발 순서OSM 파일 다운로드하기Maven 설치하기OSM2World 프로젝트 다운로드하기 OSM2World 으로 .osm 파일을 .obj 파일과 .obj.mtl 파일로 변환하기유니티 프로젝트 생성하기유니티에 변환한 파일을 불러오기유니티 프로젝트 빌드하기WebGL로 웹 프로젝트에 띄우기참고 사이트..