Hinter den Kulissen
Diese Seite ist für Neugierige: was die Karte kann, wie sie gebaut ist, woher ihre Daten stammen und in welcher Werkstatt sie abgestimmt wird.
Was die Karte kann
Sie steuern einen Heissluftballon über eine vereinfachte Schweiz, deren Relief aber echt ist: Es stammt aus dem Höhenmodell von swisstopo, um den Faktor 1,6 überhöht, damit sich die Alpen von oben besser lesen lassen. Tag, Dämmerung und Nacht folgen der Zeit auf Ihrer Uhr, und man kann auf Winter umschalten.
63 Orte sind zu finden: Man landet bei einer Stadt oder überfliegt einen Gipfel, einen See oder einen Gletscher. Das Flugbuch hält jede Entdeckung fest, und der Rucksack sammelt die Stempel, die Aufnäher und die Schätze. Truhen sind in der Landschaft versteckt, und Abenteuer führen von Etappe zu Etappe bis zu einer grossen Truhe. Eine Spezialität pro Kanton wartet in einem Korb darauf, im Flug eingesammelt zu werden, und jedes Verkehrsmittel der Karte hat seine Fahrkarte: Es genügt, darauf zu landen.
Der Naturführer vereint 31 Arten, vom Flachland bis zu den Gletschern, denen man je nach Höhe und Hangseite begegnet. Eine davon, die Alpendohle, kann zur Fluggefährtin werden. Clotilde, das Murmeltier, begleitet den ersten Flug. Und alles lässt sich in fünf Sprachen lesen: Französisch, Deutsch, Italienisch, Englisch und Rätoromanisch, Letzteres maschinell übersetzt.
Wie sie gebaut ist
Die Karte ist eine Webanwendung: eine three.js-Szene, gesteuert von React Three Fiber und geschrieben in TypeScript. Das Gelände ist ein einziges Polygonnetz, berechnet aus einem Höhenraster mit 200 m Maschenweite. Eine Regel ist nicht verhandelbar: Die Karte muss auf einem MacBook Air mit 8 GB flüssig bleiben, mit 60 Bildern pro Sekunde, nie weniger als 30.
Die Website, die Sie gerade lesen, ist mit Astro gemacht: statische Seiten, in Markdown geschrieben, in den Farben und Schriften der Karte. Der Code ist mit Claude Code geschrieben, dem Programmierassistenten von Anthropic, und die Illustrationen sind mit gpt-image erstellt, dem Bildmodell von OpenAI: Es sind keine Fotografien.
Woher die Daten stammen
- Das Relief: das digitale Höhenmodell DHM200 und die geografischen Namen swissNAMES3D von swisstopo.
- Grenze und Seen: die generalisierten Gemeindegrenzen des Bundesamts für Statistik, über das Paket swiss-maps von Interactive Things.
- Die Oberengadiner Seen und die Gletscher: swissTLMRegio von swisstopo; die Moränen werden aus dem Relief berechnet.
- Die Bahnlinie: das Schienennetz des Bundesamts für Verkehr, veröffentlicht auf opendata.swiss.
- Orte und Sehenswürdigkeiten: Schweiz Tourismus, unter der Lizenz CC BY-SA 4.0.
- Die rätoromanische Übersetzung: das Modell Apertus, über Public AI.
Die Werkstatt
Während der Entwicklung öffnet sich unten rechts auf dem Bildschirm eine Werkzeugleiste. Sie geht nie online:
- Flight feel: die sieben Zahlen, die den Flug einstellen;
- Collection: einen Ort vergessen, oder alles, um eine Entdeckung noch einmal zu erleben;
- Gains: die Stufe festlegen, eine Belohnung geben oder entziehen;
- Quests: ein Abenteuer auf die gewünschte Etappe setzen;
- Teleport: direkt zu einer Truhe, einer Etappe, einem Spezialitätenkorb, einem Verkehrsmittel oder einem Ort, um darüber zu fliegen oder dort zu landen;
- Perf: Zeichenaufrufe, Dreiecke, Speicher und Bilder pro Sekunde, verglichen mit den Budgets;
- Sky: eine Sternschnuppe auslösen;
- Nature: ein Stück Natur vor dem Ballon erscheinen lassen;
- Render und Terrain: die Einstellungen der Darstellung und der Papierfalten.
Und eine besondere Adresse, ?perf, spielt die anspruchsvollste Route nach, von Interlaken über die Jungfrau nach Zermatt, um zu messen, wie flüssig die Karte läuft.