Show HN: 스페인 발렌시아를 SimCity풍 아이소메트릭 뷰로 보기

2 hours ago 1
  • Tiny València는 발렌시아의 실제 건물을 같은 각도에서 내려다보는 형태로 그린 아이소메트릭 픽셀 아트 지도임
  • 실제 3D 도시 데이터를 고정된 카메라로 렌더링한 뒤, 선별한 픽셀 아트 스타일로 학습한 이미지 모델이 타일별로 다시 그림
  • 각 타일이 이미 그려진 이웃 타일과 이어지도록 처리해 끊김 없는 도시 지도를 구성함
  • 발렌시아 행정구역 전체를 그렸지만, 참고할 3D 영상이 없는 일부 작은 우에르타 농경지 월경지는 제외함
  • 드래그와 확대/축소, 검색으로 지도를 탐색할 수 있고 현재 화면이 주소에 반영돼 복사한 링크로 같은 위치를 공유할 수 있음

실제 도시를 픽셀 아트로 재구성

  • Tiny València는 SimCity와 Isometric NYC에서 영감을 받은 지도이며, 모든 건물은 실제 건물을 바탕으로 블록 단위로 그려짐
  • 제작 과정은 실제 3D 도시 데이터를 고정된 아이소메트릭 카메라로 렌더링한 뒤, 직접 고른 픽셀 아트 스타일로 학습한 이미지 모델로 다시 그리는 방식임
    • 타일마다 먼저 그려진 이웃 타일을 이어 그려 지도 전체가 매끄럽게 연결됨
    • 바다, 항만 수역, Albufera에도 동일한 화풍을 적용함
  • 지도 범위는 우에르타 농경지부터 Albufera까지 발렌시아 행정구역 전체이며, 3D 참고 영상이 없는 일부 작은 농경지 월경지만 빠져 있음

탐색과 운영

  • 마우스와 터치 조작으로 이동하고 확대/축소할 수 있음
    • 드래그로 이동하고, 스크롤이나 핀치로 확대/축소하며, 더블클릭으로 확대함
    • R은 임의 위치 이동, H는 전체 지도, F는 전체 화면, /는 검색, G는 재생 기능임
  • 주소 표시줄은 현재 보고 있는 화면을 항상 반영하므로, 링크를 복사하면 같은 화면으로 열 수 있음
  • 무료이며 광고가 없음

    • 지도 제작에는 임대한 GPU가, 온라인 운영에는 서버가 필요하며 Patreon으로 후원할 수 있음
Read Entire Article




피플앤툴즈 네트워크
🛍 샵