Top
Best
New

Posted by juscha1 6 hours ago

Show HN: Isometric SF – A pixel-art map of the SF Bay Area(isometricsf.com)
Technical Write-up: https://www.justinchavez.com/blog/isometric-sf-how/

Hi HN! Showcasing this fun project. I took 1300 square miles of the SF Bay Area from Google Photorealistic 3D Tiles and transformed them into a cohesive pixel map. It's really fun to explore and stumble upon various famous landmarks like Apple Park, Palace of Fine Arts, or UC Berkeley.

The technicals involve using Nano Banana 2 to train a Qwen-Image-Edit 2511 LoRA which is used to prototype the style and generation methods. For final map I used Qwen to train a Klein 4B LoRA which reproduced the style at 1/4 of the cost. More details in the blog post.

Let me know what you think! I really enjoyed this process of fine-tuning smaller open source models.

If I did the map with Nano Banana 2 it would have cost around 7k USD!

Credit for the idea goes to Isometric NYC.

137 points | 49 commentspage 3
modeless 4 hours ago|
This style seems achievable while retaining 3D rendering if the tiles are preprocessed in 3D instead of 2D and some clever shaders are used.
JeremyHerrman 4 hours ago|
unfortunate that google explicitly forbids 3D model generation from their map data
modeless 4 hours ago||
I'm pretty sure that re-rendering the tiles to 2D and rehosting them on your own website is also forbidden. So no difference there.
xixixao 3 hours ago||
Awesome. Next step: Make the trains and cars move!
NeuraCryption 5 hours ago||
This is amazing and is 1:1 global map. Did you use google maps API to build this or UE5?
juscha1 5 hours ago||
I used the Google 3D Photorealistic Tiles API then rendered the tiles in three.js to capture them at the angle I wanted
leugim 5 hours ago||
Google 3D tiles.
blobbers 3 hours ago||
Just wanted to say... this is beautiful!
EarlKing 2 hours ago||
Grossly inaccurate due to lack of pixelized piles of human feces.
yboris 5 hours ago||
Impressive! And the aesthetics look great!
bastiilling 1 hour ago||
Looks great!
ex-aws-dude 2 hours ago||
Can't seem to find Computer History Museum

Anyone able to?

juscha1 2 hours ago|
https://isometricsf.com/v/9/451.8/-123.1

You can search by lat lon to find places not listed. Will add this one though thanks for pointing out!

ex-aws-dude 2 hours ago||
ah nice
jeffbee 5 hours ago||
Not bad. I feel like instead of using an image-mode model, it would be better to use a code model that generates the scene. Reason I think this is that the image generators aren't respecting the rules of "pixel art". Straight lines and flat planes are straight and flat in pixel art. These images are wavy and irregular.
elxr 1 hour ago|
Not pixel art. Downvoted