Just one little thing: East of Buena Vista Park, you have a lake, it is actually the road which goes around the park.
Also, I would love to zoom in more. (pls give me the pixels)
Incredible. It's easy to just go on browsing and exploring. The massive, scrollable pixel art aspect reminds me a little of Floor796: https://floor796.com/
Those who know game dev know making good isometric maps can be deceptively difficult. You grabbed that bull by the horns and did so beautifully. Well done!
Fantastic project! Sim-city over San Francisco.
I'm reminded of the wonderful https://cannoneyed.com/projects/isometric-nyc project, also previously discussed here: https://news.ycombinator.com/item?id=46721802
This could be a great anecdotal benchmark for agent/model progress. I wonder how much easier things have gotten with the latest Codex/Claude vs. when isometric.nyc was made.
Very cool! Yesterday my wife and I watched Inside Out, and seeing the San Francisco setting felt very familiar (last year, 2025). Last year, in 2025, my wife and I went to San Francisco for our honeymoon. This website also showed me many familiar places.
This is really cool, it gives me SimCity 2000 vibes. I like that I can click on neighborhoods and regions and get more information about them!
Really cool. I can see some issues, like Starr King park turned into a lake for some reason, but it’s so much fun to look at. Do you have any way to patch errors and discontinuities at the tile boundaries?
THIS IS SICK! The BGM, the SFX, the visual are all perfect. My favorite is the banner plane, this is really really SF
time to push the boundaries of your creation
This is really cool!
[dead]
Behind the scenes stuff:
https://sf.isopolis.city/dev.html
> The source is Google Photorealistic 3D Tiles. Isometric.nyc explored and rejected the use of 3d building data. It is pretty insane that US gov has free LIDAR data for every city in the US available to the public. I spent <30mins exploring this and stuck to google 3d images. Claude Code whipped up a scraper to stream the 3D Tiles and render with three.js. This gives the best "real" texture base for the model to learn from. Anything else would involve a LOT of manual work to get the inputs right.
> Now that we have the 3D tiles, we need to generate the ground truth pairs for training! Similar to isometric.nyc, I generated a few ghibli-style pixel-art images using Google's Nano Banana. SF terrain is very interesting. There are quite a few distinct features like skyscrapers in FiDi, the hills in the southeast, 2 iconic bridges, lots of coastline, piers, parks, suburban grids and lots of water. I generated a ton of images and curated from them. Getting consistent style was a challenge. There was a LOT of manual trial and error. But as usual, Claude Code added this feature to the dev app that allowed me to select the best images and approve them.