Kolosseum 3D
Ein Three.js-Modell der Innenstadt von Rom auf einer einzigen Seite: ein Ausschnitt von 2 × 2 km rund um das Kolosseum, erstellt aus OpenStreetMap-Daten und SRTM-Geländedaten. Es enthält ein prozedural erzeugtes Kolosseum und Vittoriano sowie eine animierte Radfahrt von der Piazza Venezia über den Circo Massimo, um das Kolosseum herum und über die Via dei Fori Imperiali zurück. Die Route ist als Neonlinie auf dem Boden eingezeichnet. Eine Anzeige zeigt dabei Steigung, Geschwindigkeit, Leistung und Höhe.
Starten
Online: https://helmutqualtinger.github.io/roma/ (z. B. ?lang=en, #ride, ?night)
Lokal:
open roma3d.html
Ein Server oder Build-Schritt ist nicht nötig. Three.js r0.165 wird von jsDelivr geladen, die Szenendaten stehen in scene.js.
Ansichten und Bedienung
Die Schaltflächen oben bieten:
| Schaltfläche | Funktion |
|---|
| Orte … (Auswahlliste) | Kamera fliegt zu einer Ansicht (Google-Earth-Ansicht, Kolosseum nah, Piazza Venezia, Konstantinsbogen, Draufsicht) oder zu einer beschrifteten Sehenswürdigkeit |
| Rundflug | Kreisflug um die Szene |
| Beschriftung | Beschriftungen ein- und ausblenden |
| Radfahrt ▶ | Radfahrt starten |
| Route | Routenlinie ein- und ausblenden |
| Nacht | Nachtmodus mit Sternenhimmel, Mond, Straßenlaternen, beleuchteten Fenstern und angestrahlten Monumenten |
| Kamera | Kameramodus der Radfahrt wechseln |
| Tempo | Abspielgeschwindigkeit der Radfahrt |
| Screenshot 4K / 8K | Bild in hoher Auflösung speichern |
| 🇩🇪 🇬🇧 🇮🇹 🇫🇷 | Sprache der Oberfläche |
Die Kamera lässt sich bis unter die Horizontale drehen, um in den Himmel zu schauen (nachts Sterne und Mond).
Ein URL-Hash öffnet eine Ansicht direkt: #ge, #close, #venezia, #arco, #top. ?t=<Sekunden>#ride startet die Radfahrt und spult sie um die angegebene Zeit vor. ?night schaltet den Nachtmodus ein, ?info gibt Draw Calls und Dreiecke in der Browser-Konsole aus.
Daten neu erzeugen
Eingaben sind ein Overpass-Export (data/osm.json) und Terrarium-Höhenkacheln (data/tiles/). Die Schritte müssen in dieser Reihenfolge laufen, weil jeder data/scene.json und scene.js neu schreibt:
cd data && python3 process.py && python3 route.py osm.json scene.json ../scene.js && python3 terrain.py
terrain.py benötigt numpy und Pillow.
| Skript | Ergebnis |
|---|
process.py | Gebäude, Straßen und Flächennutzung, projiziert in lokale Meter um das Kolosseum |
route.py | Radroute per Dijkstra über das OSM-Straßennetz, bevorzugt Fahrbahnen |
terrain.py | Höhenmodell ohne Gebäude, mit eingearbeiteten Straßenhöhen |
Datenquellen
