Isometric SF - Pixel-art map of the SF Bay Area

Show HN: Isometric SF – A pixel-art map of the SF Bay Area

Isometric SF - Pixel-art map of the SF Bay Area

Isometric SF는 San Francisco Bay Area 전체를 아이소메트릭 픽셀 아트로 재해석한 인터랙티브 지도입니다. OpenStreetMap 데이터와 Google Maps Photorealistic 3D Tiles, ESA WorldCover 토지 피복, Copernicus 고도 데이터를 결합해 실제 지형을 레트로 게임 스타일로 시각화했습니다. Leaflet 기반으로 부드럽게 확대·축소하며 도시의 디테일을 탐험할 수 있어, 지도 애호가와 픽셀 아트 팬 모두에게 색다른 경험을 선사합니다. 제작 과정은 제작자 블로그에서 확인할 수 있으며, 웹에서 바로 체험 가능합니다.

실제 Bay Area의 지형 데이터를 픽셀 아트로 옮겨, 마치 고전 게임 속 도시를 탐험하는 듯한 경험을 선사합니다.
  1. drayfield

    기분 상하게 해서 미안하지만, 내 눈에는 이게 정말 별로다. 진짜 픽셀 아트가 가진 그 호화로운 정밀함이 완전히 빠져 있다.

  2. mlmonkey

    OP가 언급하지 않았지만(아니면 내가 놓쳤을 수도 있지만), 기반 이미지는 Google 3D 포토리얼리스틱 타일 API에서 온 것이다: https://developers.google.com/maps/documentation/tile/3d-til...

    관심 있는 사람이 이걸 재현해보고 싶다면, 월 1000회 API 호출을 무료로 넉넉히 제공한다.

  3. fwipsy

    멋지긴 한데, 차라리 '픽셀 아트 스타일'이라고 부르는 게 낫지 않을까? 픽셀 아트는 디테일에 대한 집착이 전부인데, 이건 셰이더를 적용한 것에 가깝다(물론 AI 아티팩트도 좀 보인다).

  4. kenferry

    …근데 실제로 픽셀 아트는 아니지 않나?

  5. dllu

    2018년에 친구의 Cessna를 타고 미션 지구를 비슷한 각도에서 찍은 7388 x 5097 사진이 여기 있는데, 세부 묘사를 비교해볼 수 있는 좋은 참고 자료가 된다:

    https://i.dllu.net/2018-04-14-23-31-28_DSC04018_6201e8e3a215...

    사진 중앙에 있는 흰색 창고인 350 Treat Ave 같은 일부 건물을 보면, 이 아이소메트릭 뷰어에서는 두 가지 색이 섞여 있다. 왼쪽은 노란색, 오른쪽은 회색인데, 실제로는 전체가 균일한 흰색이다. 아마도 이미지 생성이 두 타일에서 따로 실행된 뒤 합쳐지면서 생긴 현상일 것이다.

    그래도 멀리서 보면 아주 좋아 보인다.

이 날의 다른 글

2026-11-13