"Isometric SF" ist ein webbasiertes Kartenprojekt des Entwicklers Justin Chavez, das 1.300 Quadratmeilen der San Francisco Bay Area in einen isometrischen, von Videospielen inspirierten Pixel-Art-Stil transformiert. Die technische Pipeline kombiniert Googles Photorealistic 3D Tiles, Three.js und fein abgestimmte Open-Source-KI-Modelle (Qwen und Klein 4B LoRA). Durch den Modellwechsel sanken die Generierungskosten auf rund 0,09 US-Dollar pro Quadratkilometer, wodurch das Projekt im Vergleich zu kommerziellen Alternativen extrem kosteneffizient realisiert wurde.
Wichtigste Punkte
Datenquellen & APIs: Nutzung der Google Photorealistic 3D Tiles API für Geometriedaten, kombiniert mit OpenStreetMap, ESA WorldCover, Copernicus WorldDEM-30 und Wikivoyage.
Rendering-Pipeline: Die 3D-Kacheln wurden in Three.js importiert und gerendert, um exakte Kamerawinkel und isometrische Perspektiven zu erfassen.
KI-Modell-Architektur: Das Prototyping erfolgte mit Nano Banana 2 und einem Qwen-Image-Edit-2511-LoRA; für die finale Produktion wurde Qwen zum Training eines Klein-4B-LoRA eingesetzt.
Wirtschaftlichkeit: Während die Erstellung mit Nano Banana 2 schätzte 7.000 US-Dollar gekostet hätte, reduzierte das Klein-4B-LoRA-Setup die Produktionskosten auf ca. 0,09 USD pro Quadratkilometer.
Inspiration: Das Projekt baut konzeptionell auf Vorbildern wie „Isometric NYC“ auf und ist unter isometricsf.com frei einsehbar.
Diskussions-Highlights
Kritik am Pixel-Art-Stil: Mehrere Community-Mitglieder bemängelten, dass es sich streng genommen nicht um echtes Pixel Art handelt, da generative KI-Modelle typische Artefakte wie unregelmäßige, wellige Linien und hochfrequentes Rauschen erzeugen.
Nachbearbeitung & Rasterisierung: Kritiker betonten, dass eine manuelle oder algorithmische Palettenreduktion sowie ein „Square Grid Alignment“ (z. B. über Tools wie Spritefusion) notwendig wären, um echtes Pixel-Art-Verhalten nachzuahmen.
Vergleichsprojekte & Kosten: Nutzer verwiesen auf ähnliche Projekte wie Tiny Valencia (erstellt für ca. 15 USD, ca. 0,40 USD/km²) und Isometric Toronto.
Technische Alternativen: Es wurde diskutiert, ob codebasierte Szenengeneratoren geometrische Regeln besser einhalten könnten als rein generative Bildmodelle.
API-Verfügbarkeit: Kommentatoren hoben hervor, dass die Google 3D Photorealistic Tiles API ein kostenloses Kontingent von 1.000 Aufrufen pro Monat bereitstellt.
Glossar
Isometrische Projektion: Eine Methode zur dreidimensionalen Darstellung in einem zweidimensionalen Koordinatensystem, bei der vertikale Linien vertikal und horizontale Linien in einem festen, gleichmäßigen Winkel gezeichnet werden.
LoRA (Low-Rank Adaptation): Eine Technik zum effizienten Feinabstimmen großer maschineller Lernmodelle, bei der nur eine kleine Teilmenge von Modellparametern modifiziert wird.
Three.js: Eine JavaScript-Bibliothek, die WebGL nutzt, um interaktive 3D-Grafiken direkt in Webbrowsern darzustellen.
Google Photorealistic 3D Tiles: Eine Schnittstelle von Google, die texturierte 3D-Mesh-Daten von realen Städten und Landschaften für Entwickler bereitstellt.
Spritefusion / Pixel Snapper: Ein Werkzeug zur Ausrichtung von Bilddaten an einem festen Pixelraster, um visuelle Artefakte und Unsauberkeiten bei digitaler Pixelkunst zu reduzieren.