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

(isometricsf.com)

29 points | by juscha1 1 hour ago

9 comments

  • mlmonkey 1 minute ago
    OP didn't mention it (or maybe I missed it), but the underlying imagery comes from the Google 3D photorealistic tiles API: https://developers.google.com/maps/documentation/tile/3d-til...

    They offer a generous 1000 API calls per month for free, in case anyone is interested in replicating this.

  • kenferry 33 minutes ago
    …not actually pixel art though, no?
  • leugim 28 minutes ago
    How much it cost you paint per km2 after training the model? I did (and publish here) https://www.tinyvalencia.com and got to 0.4$ per km2 after training the model (for 15$ or so).
    • juscha1 6 minutes ago
      It cost around $0.09 per km2 after training the model
  • cmdoptesc 23 minutes ago
    Hi Justin, great writeup!

    I really appreciate your human-written documentation because it's nice to read your thought process instead of LLM marketing soundbites.

    re: orientation. I know it's creator's choice, but for me, it's either north or west towards the ocean. East makes me want to hold shift to rotate. :)

    Thanks for making and sharing this!

    • juscha1 1 minute ago
      Thank you! I tried to get Fable to take a stab at writing the technicals in the original reflection post, but I really didn't like it and sought to rewrite it myself. Took a week longer, but I'm way happier with the result.

      Technicals written by Fable at the end of this post: https://www.justinchavez.com/blog/isometric-sf/

  • scosman 31 minutes ago
  • dnlzro 32 minutes ago
    I've been seeing a lot of these kinds of projects make the rounds on Twitter lately. Yours is just as good as the best of them, so great job making it more efficient without loss of quality!

    But... I'm always disappointed when I zoom in and see that it's not actually pixel art, and it's full of the kinds of artifacts that are typical of any AI-generated imagery :(

  • NeuraCryption 35 minutes ago
    This is amazing and is 1:1 global map. Did you use google maps API to build this or UE5?
    • juscha1 23 minutes 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 26 minutes ago
      Google 3D tiles.
  • jeffbee 18 minutes 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.
  • yboris 40 minutes ago
    Impressive! And the aesthetics look great!