시티즈를 하다 보면 내가 사는 동네나 관심 있는 지역을 만들어 보고픈 생각이 언젠가는 분명 들 것이야.

그런 시붕이들을 위해서 1:1 실제 스케일의 지형을 그대로 따와서 게임으로 즐기는 방법을 준비했다.

글은 조금 길어도 방법은 간단하니 잘 따라와 줬으면 한다.

글 한번 날려먹어서 수정 후 재업했음.

<<준비물>>

-Image Overlay Renewal

https://steamcommunity.com/sharedfiles/filedetails/?id=2616880500

Steam Workshop::Image Overlay Renewal 1.8.1

Steam Workshop::Image Overlay Renewal 1.8.1

steamcommunity.com

- OpenStreetMap Import

https://steamcommunity.com/sharedfiles/filedetails/?id=1957515502

Steam Workshop::OpenStreetMap Import - generate roads from OSM with street names and road-type selection

Steam Workshop::OpenStreetMap Import - generate roads from OSM with street names and road-type selection

steamcommunity.com

<<목차>>

1. 실측지형 데이터 및 높이맵 추출하기

3. 게임에서 실제 도로망과 실측 지도 오버레이 불러오기

3-1. 전처리 작업. OSM Import MOD 활용한 대략적인 도로망 밑그림 따기
3-2. 후보정 작업. Image Overlay 모드 활용한 도로망 따라그리기

▶ 사이트 주소 : https://heightmap.skydark.pl/

링크에 접속하면 위와 같은 화면이 뜬다.

이 사이트는 OSM 기반이라 전세계 어디든 실측 지형을 내려받을 수 있다.

나는 동안구랑 금정역 사이에 걸쳐사는 주민이라 우리 동네를 중심으로 찍었음.

원하는 지역을 지도에서 찾고 더블 클릭하면 영역 사각형이 표시됨. (진한 초록색- 25타일 범위, 나머지- 81타일)

다 찾았다면 좌측 메뉴바에서 설정을 하고 내려받으면 끝.

좌측 메뉴는 대충 이런 내용인데

별다른 설정이 필요 없다면 그냥 높이맵(지형도) PNG파일, 지도 이미지, OSM 데이터 이 세 개만 받으면 됨.

모르겠다 싶으면 용량 얼마 안하니까 그냥 다섯개 다 받아도 됨.

파일을 받기 전에 아래의 세팅을 잠깐 참고해 줬으면 함.

세팅은 웬만하면 건들 일이 없는데, 수위 심도는 살짝 만져주는걸 추천함.

디폴트값 0m로 뽑으면 바다, 호수, 하천 같은건 윤곽선도 제대로 안보이고 맵에디터에서 직접 그려야 되는 귀찮음이 발생하므로

적당히 3~5m 정도로 바꿔주면 게임에서 편집할 때 편리할 것임. 수변 경사도는 취향에 따라 만져주면 될듯.

아참, 오버레이로 뽑을 지도는 윤곽선이나 수위 표시, 맵 스타일 (흑백/위성/레이어)을 설정할 수 있음.

나중에 게임할 때 보면서 할 수도 있으니까 그냥 웬만하면 하나씩 다 받아두는걸 권장함.

2. 시티즈 편집기에서 높이맵 불러오기

만약 본인이 모드/에셋 떡칠을 한 상태라면 스팀 시작 옵션에서 -noWorkshop 을 입력하고 실행하면 됨.

어차피 맵 편집할 때는 모드 필요 없음.

방법 : 라이브러리에서 게임 우클릭 -> 설정 -> 일반 -> 실행 옵션에 -noWorkshop 입력 후 게임 실행

게임을 켜고 편집기 -> 지도 편집 -> 새로 시작 -> 맵 테마 설정 (아무거나) 누르고 에디터 화면까지 진입하자.

하단에 불러오기 버튼(1번)을 누르면 아무것도 없을 것인데

불러오기 창의 폴더 버튼(2번)을 누르면 폴더가 하나 뜸.

그 폴더에 아까 받아둔 높이맵 PNG 또는 RAW 파일을 복사하고 다시 게임으로 돌아온 후

불러오기 (3번)을 누르면 지형을 편집할 수 있게 됨.

※ 웬만하면 PNG만 써도 되나 지역, 지형마다 구현 수준이 달라서 RAW 파일의 해상도가 더 좋은 경우도 있으니 상황에 맞게 취사하면 된다.

나는 지형을 불러오는 것 까지만 알려주기로 했으므로 지형 편집하는 것은 알아서 취향껏 하면 됨.

하단에 지형 편집 툴, 수원지 지정 툴, 도로, 나무, 지하자원 툴 다 있음.

플레이 가능한 맵이 되기 위해서 몇가지 필요 조건이 있는데 한글로 잘 써져 있으니까 따라서 하면 됨.

대충 외부로 연결되는 고속도로와 물줄기(수원지)를 흰색 시작타일 안에 놓아주면 완성됨.

다 만들었다면 저장을 누르고 저장 버튼 위에 '새 게임 패널에 맵 보이기'를 꼭 체크한 후 최종 저장하면 완료.

3. 게임에서 실제 도로망과 실측 지도 오버레이 불러오기

여기서부턴 선택사항이지만 아마 실측지형을 딴 것이라면 대부분 실제 지형대로 도시를 만들고자 할 것이기 때문에 이 방법을 필요로 할 확률이 높을 것이야.

받아둔 OSM 데이터 파일과 지도 레이어를 활용할 수 있는데 구현 방식은

- 편집기에서 진작에 다 만들어 놓기 (All-Ready)

- 높이맵만 따온 아무것도 없는 맵을 새 게임에서 만들어 나가기 (Ready to play)

이렇게 두 개로 볼 수 있음. 첫번째는 맵을 아예 예쁘게 만들어서 창작마당에 올리고자 하는 사람에게 추천하고,

두번째는 업로드는 관심 없고 그냥 도로망부터 지형까지 쌩판 바닥부터 시작하겠다 하는 사람에게 추천함. 나는 개인적으로 후자가 좀더 나은 것 같음.

(전자의 경우는 시티즈갤 정보 탭에 뒤져보면 지형 예쁘게 편집하는 방법 잘 나와 있으므로 검색해보는 것을 권장.)

이전에는 Overlayer V2 모드 기준으로 설명해서 투명도 전처리를 설명했었지만

Image Overlay Renewal 모드가 새로 나와서 이제 그런 작업이 필요 없게되어 글을 수정함.

3-1. OSM Import MOD 활용한 대략적인 도로망 밑그림 따기

시작하기 앞서, 만약 본인이 밑그림은 필요 없고 오버레이만을 활용해 도로망을 만들 것이라면 본 과정은 건너뛰어도 된다.

직전에 받아둔 데이터 파일에서 불러와서 모드가 도로망을 자동으로 생성해줄 것이다.

하지만 플레이가 가능할 정도로 예쁘게 따주는 것이 아니라 사실상 윤곽선 정도만 그려주는 것이기 때문에 (비율은 실제와 거의 일치함)

노드, 세그먼트가 그리 자연스럽지는 않아서 결국엔 수정을 해 줘야 함. 빠른 스타트를 위해서 자동의 힘을 빌리는 정도라고 생각하면 편함.

모드 실행은 우측 하단에 보면도로 모양 아이콘이 있는데 누르면 창이 표시됨.

먼저 받아둔 OSM 파일의 경로를 Path 칸에 지정하면 됨.

디폴트 경로는 문서 폴더(C:\Users\계정명\Documents)로 지정되어 있으니

그냥 문서 폴더에 집어넣으면 (파일명: map.osm) 따로 지정할 필요 없이 좀더 편리함.

불러오는데 시간이 좀 걸리고, 다 불러와 졌다면 아래 세팅값을 참고해서 조정하면 됨.

Tolerance 0.4~0.5

Curve Tolerance 0.3~0.5

Scale Factor 1.03~1.04 (1.04 권장)

Boundary : 25타일 기준 2.5 / 81타일 기준 4.5

알다시피 평면화된 벡터 데이터는 아무리 계산된 것이어도 구체의 곡률 때문에 왜곡과 오차가 발생하게 되는데

이것이 인게임 스케일과 딱히 조화가 되지도 않아서 더한 오차가 발생하게 됨.

내가 여러 번 테스트 해서 가장 실측 지형에 근접한 오차 용인 범위를 지정해 놨으므로

앞서 말한 오버레이를 켜보고 실제와 가장 비슷한 수준으로 본인 취향껏 맞추면 됨.

그릴 도로 형태를 선택하면 원하는 유형의 도로가 지도에 생성된다. OSM 레이어는 요약하면 아래와 같음

motorway, trunk : 입체교차하는 자동차전용도로

primary, secondary : 도시 주요 간선 도로망

tertiary : 보조간선 및 작은 도로까지

rail : 철도망

우변에 link가 붙은 것은 입체교차로(나들목) 등의 연결부 항목이니 이것도 필요에 따라 선택하면 되는 부분이다.

secondary 까지 생성하는 것을 추천하고 tertiary, rail은 본인 필요에 따라 선택하면 됨.

어차피 거기까지만 해도 상당히 디테일한 윤곽이 나오고, residential 레이어 부터는 어차피 노드 제한때문에 못씀.

아래의 자료는 대충 어떤 식으로 모양이 나오는지 보여주는 사진들임.

<자료1. OSM Import 모드의 작동 예시>

<자료2.> OSM 레이어 수준 별 구현 정도의 예시.

(1) motorway, trunk (link 포함)

(2) motorway, trunk, primary (link 포함)

(3) motorway, trunk, primary, secondary (link 포함)

(4) tertiary 레이어까지 전부 그렸을 때의 모습

<자료 3. 대규모 도시 지역의 디테일 심도 한계>

테스트 결과, 서울 지역의 경우 OSM 데이터 레이블이 너무 많이 찍힘.

스샷 보면 세컨더리 레이블만 약 2.7만개가 나와서 사실상 간선도로만 뽑아도 노드제한이 걸리기 때문에

3-2 Image Overlay 모드 활용한 도로망 따라그리기

마지막으로 1:1 축척의 지도 레이어를 활용하여 실제 플레이를 위한 디테일을 보완하는 방법이다.

도로망은 물론이고 철도, 개울가나 호수같은 수원지의 디테일을 지도를 보며 따라그리는 후보정 작업이라고 보면 된다.

위에서도 설명했지만, 모드로 생성된 네트워크는 플레이 목적으론 부적합하기에 본 작업을 통해 꼭 수정을 거쳐줘야 함.

우선, 아까 받은 지도 PNG (높이맵 아님 주의)를 시티즈 폴더로 옮겨놓아야 함. (겜 실행 중에도 가능)

경로는 C:\Program Files (x86)\Steam\steamapps\common\Cities_Skylines\Files

여러 장 두어도 됨.

Ctrl + I 를 누르면 모드창 표시, Shift + Enter를 누르면 폴더에 옮겨둔 지도 이미지가 오버레이로 표시된다.

어차피 81타일로 뽑은 맵이니 사이즈는 9x9로 설정하고 포지션/로테이션은 건들 일이 없음.

Capacity (투명도)를 작업할 때 편한 정도로 조정하고 적용 버튼을 누르면 된다.

앞서 높이맵 사이트에서 지도를 종류별로 받아놓는 것을 권장했던 이유는

이런 식으로 작업 중 필요에 따라 스타일을 번갈아가며 오버레이를 띄울 수 있게 되었기 때문임.

라떼는 이런거 안돼서 포토샵으로 작업도 해주고 파일명도 그때그때 바꿔줘야 됐다. ㅜㅜ

앞서 OSM Import 모드로 생성한 도로와 지도 레이어의 축척이 일치하는지 확인한 후 도로를 그리거나 수정하면 된다.

생성된 도로가 많은 경우 손이 좀 많이 갈 것이다.

그래도 실제 도로명이 입력되어 있고 고속도로/간선/지역도로의 구분이 되어 있기에 수정하고 나면 플레이에 도움이 많이 될 것이다.

도로 말고도 지도 편집기에서 하지 못한 수원지와 산맥지형의 디테일을 이 레이어를 보면서 마저 그려나가면 된다. 이후부턴 알아서 하면 됨

글은 여기까지고 추가적으로 궁금한 점 있다면 댓글 써주면 친절하게 답변해드림.