구글 3D 타일과 AI로 만든 샌프란시스코 아이소메트릭 픽셀맵, Show HN서 호평
- Isopolis는 샌프란시스코 전역을 아이소메트릭 픽셀아트 스타일로 재현한 인터랙티브 지도로 Show HN에 공개됨
- 제작자는 Google Photorealistic 3D Tiles를 원본 데이터로 쓰고 Claude Code로 스크래퍼를 만들어 three.js로 렌더링했다고 밝힘
- 학습용 정답 이미지는 Google Nano Banana로 지브리풍 픽셀아트를 대량 생성한 뒤 수작업으로 골라 만들었음
- 도로가 강이나 호수로 잘못 인식되는 오류, 텐더로인 지역에 존재하지 않는 네모난 연못이 생기는 등 물 관련 오탐 문제가 다수 보고됨
- 이전에 화제였던 isometric.nyc 프로젝트와 비교되며, AI 코딩 도구 발전으로 유사 프로젝트 제작이 얼마나 쉬워졌는지 보여주는 사례로 언급됨
Hacker News opinions
와 이거 미쳤다, BGM이랑 SFX, 비주얼 다 완벽함. 배너 비행기 지나가는 거 진짜 SF 느낌 그대로임
줌을 더 못 하는 게 아쉬웠는데, 개발자가 바로 줌 더 되게 풀어줌 ㅋㅋ
그냥 계속 스크롤하면서 구경하게 되는 매력이 있음. Floor796이라는 스크롤형 픽셀아트 프로젝트 생각나더라
리틀 나이트메어나 실사일 힐, 나루토 같은 거 넣었으면 더 완벽했을 텐데, 그래도 이 정도면 충분히 대단함
SimCity 2000 감성 나서 좋고, 동네 클릭하면 정보 뜨는 것도 마음에 듦
Starr King 공원이 왜 호수로 변해있음, 타일 경계에서 물 관련 오류 패치할 방법 있는지 궁금함
물 관련 이슈가 진짜 많다고 함, dev.html에 정리해놨는데 학습 데이터를 물 위주로 더 좋게 하면 해결될 것 같다고 함
아이소메트릭 맵 만드는 게 게임 개발자들은 알겠지만 생각보다 훨씬 어려운 작업인데, 이걸 이렇게 예쁘게 뽑아낸 거 대단함
소스는 Google Photorealistic 3D Tiles 쓰고, Claude Code로 스크래퍼 짜서 three.js로 렌더링했다고 함, 미국 정부가 도시별 라이다 데이터를 무료로 공개하는 게 놀랍다는 얘기도 있음
학습용 정답 이미지는 Google Nano Banana로 지브리풍 픽셀아트를 잔뜩 생성해서 골라 썼다고 함, 스타일 일관성 맞추는 게 제일 힘들었다고 함
Buena Vista 공원 동쪽에 있는 호수는 사실 공원 둘러싼 도로인데 그게 호수로 인식된 거임, 줌도 더 풀어달라고 요청함
AI가 도로를 강이나 호수로 착각하는 오류가 좀 있고 텐더로인에는 있지도 않은 네모난 연못이 몇 개 생겼음, 그래도 아이디어 자체는 좋음
isometric.nyc 프로젝트 생각나는데, 그때랑 비교하면 지금 Codex나 Claude로 이런 거 만드는 게 얼마나 쉬워졌는지 궁금함
이거 기반으로 내비게이션 앱 만들면 진짜 좋을 것 같음
구글이나 애플 지도 버전으로 나오면 좋겠고, 운전하면서 이 화면으로 보고 싶음