Hängende Gärten von Babylon

Erstelle **„Hängende Gärten von Babylon“**, eine interaktive 3D-Website in Produktionsqualität mit **Three.js**, ergänzt durch ein hochwertiges cineastisches **MP4-Video**, das aus derselben Szene gerendert wird.

**VISUELLE GESTALTUNG**  
Eine künstlerische Rekonstruktion der legendären Hängenden Gärten: monumentale Terrassenarchitektur, die sich von einem Wüstenflussufer erhebt, warmer Sandstein und sonnengetrocknete Ziegel, kobaltblaue Bänder aus glasierten Fliesen, zurückhaltende goldene Reliefs, gewölbte Galerien, breite Treppen, schattige Innenhöfe und herabfließende Wasserkanäle. Auf jeder Terrasse wachsen üppige Palmen, Zypressen, blühende Sträucher und hängende Ranken. Verbinde eine klar erkennbare gestufte Silhouette mit reichen architektonischen Details aus nächster Nähe. Warmes Sonnenlicht am späten Nachmittag, sanfte atmosphärische Tiefe, realistische Materialrauheit, dezente Verwitterung und überzeugende Größenverhältnisse. Orientiere dich an der Ausarbeitung einer hochwertigen Architekturvisualisierung und einer Website für eine Museumsausstellung.

**RECHERCHE UND TEXTUREN**  
Suche im Web nach visuellen Referenzen für babylonische Architektur, glasierte Ziegel, Sandstein, gemeißelte Reliefs, antike Bewässerung und regionale Vegetation. Finde hochauflösende Bilder aus der Public Domain, unter CC0 oder mit geeigneter Lizenz für die Texterstellung; dokumentiere Quellen und Lizenzen. Lade zulässige Assets herunter und stelle sie lokal bereit. Verwende geeignete Fotografien als Ausgangsmaterial für nahtlose PBR-Texturen und UV-projizierte Details, korrigiere die Perspektive, entferne eingebrannte gerichtete Beleuchtung und passe Farbe sowie Maßstab an. Erstelle gegebenenfalls Base-Color-, Roughness- und Normal-Maps. Backe Umgebungsverdeckung und indirekte Beleuchtung der tatsächlichen Szene in optimierte Texturatlanten ein und halte animierte Vegetation und Wasser mit dem Beleuchtungssetup kompatibel. Bewahre scharfe architektonische Details ohne sichtbare Nähte, gestreckte UVs oder sich wiederholende Texturmuster.

**3D-SZENE UND INTERAKTION**  
Erstelle eine stimmige, erkundbare Architektur mit glaubwürdigen Tragstrukturen, verbundenen Treppen, zugänglichen Terrassen und sorgfältig komponierter Vegetation. Animiere fließendes Wasser, sanfte Bewegungen der Pflanzen und dezente schwebende Partikel. Beginne mit einer cineastischen Annäherung vom Fluss zu den Gärten und gehe dann fließend zur Nutzersteuerung über. Unterstütze Umlaufen, Zoomen und eingeschränkte Erkundung mit kuratierten Aussichtspunkten für Flusstor, Gewölbegalerie, Bewässerungsterrasse und Gipfelgarten. Baue eine geführte Tour ein, die dem Wasser vom oberen Reservoir durch die Terrassen folgt. Stelle Tageslicht- und Sonnenuntergangsmodi mit konsistenter Beleuchtung bereit. Verhindere Kameraclipping, Bewegungen durch Wände und desorientierende Übergänge.

**WEBSITE-ERLEBNIS**  
Verwende elegante, zurückhaltende Typografie und minimale Bedienelemente, damit die Szene im Mittelpunkt steht. Füge eine klare Ladeanzeige, einen Einführungstitel, eine Aktion „Gärten erkunden“, eine Aussichtspunkt-Navigation, eine Steuerung für die geführte Tour und einen Video-Download hinzu. Kennzeichne die Rekonstruktion kurz als künstlerische Interpretation. Gestalte responsive Layouts für Desktop und Mobilgeräte, unterstütze Tastaturnavigation und reduzierte Bewegung und biete einen hochwertigen Fallback, wenn WebGL nicht verfügbar ist. Sorge dafür, dass alle Bedienelemente funktionieren und sämtliche Interface-Texte fertig ausgearbeitet sind. Ersetze die Hängenden Gärten durch ein Wüstenoasenlager: Verwandle die gestuften Terrassen in eine von Dünen umgebene Palmenoase, ersetze die Gewölbegalerien durch Zelte und Lehmhütten und wandle die herabfließenden Kanäle in einen flachen Bach um, der einer zentralen Quelle entspringt. Verwende Dattelpalmen, Schilf und Wüstenblumen und behalte den Erkundungsweg vom Eingang bis zum Gipfel sowie die geführte Route entlang des Wassers bei. **PRODUKTIONSENTWICKLUNG**  
Verwende modularen Three.js-Code und eine für zuverlässige Bereitstellung ausgelegte Asset-Pipeline. Optimiere Geometrie, Draw Calls, Schatten, Vegetation und Texturspeicher durch Instancing, Detailstufen, komprimierte GLB-Assets, KTX2/Basis-Texturen und progressives Laden. Passe die Texturauflösung an die sichtbaren Details an. Verwende physikalisch basierte Materialien, korrektes Farbmanagement, kontrolliertes Tone Mapping und zurückhaltendes Post-Processing. Strebe eine flüssige Leistung auf modernen Desktop-Computern und eine brauchbare Leistung auf Mittelklasse-Mobilgeräten an, mit adaptiven Qualitätseinstellungen und begrenzter Pixeldichte. Miss und dokumentiere die tatsächliche Leistung auf den getesteten Geräten. Behandle Ladefehler angemessen und gib ungenutzte GPU-Ressourcen frei.

**VIDEO-LIEFERUMFANG**  
Erstelle ein tatsächlich herunterladbares **30–45-sekündiges MP4 in 1920 × 1080**, H.264-kodiert und mit breiter Wiedergabekompatibilität. Rendere es aus der fertigen Three.js-Szene mit deterministischem Animations-Timing und stabiler Frame-Aufzeichnung. Folge einer Sequenz aus einer einführenden Einstellung auf Flusshöhe, einem Durchgang durch die Bögen, einem Aufstieg entlang herabfließenden Wassers und einer abschließenden Luftaufnahme. Sorge für flüssige Kamerabewegungen, konsistente Beleuchtung und saubere Frames ohne Website-Bedienelemente. Füge dezente Wasser- und Gartenatmosphäre mit entsprechend lizenziertem Audio hinzu.

**BEREITSTELLUNG UND ABNAHME**  
Erstelle und veröffentliche die vollständige Website unter einer funktionierenden öffentlichen HTTPS-URL. Liefere die MP4-Datei, das vollständige Quellprojekt, lokal gehostete Assets, ein Verzeichnis der Asset-Lizenzen sowie kurze Anweisungen zum Build und zur Bereitstellung. Prüfe die bereitgestellte Website, das Laden der Assets, jede Interaktion, responsive Layouts, Browserkompatibilität und die Videowiedergabe. Kontrolliere Konsolenfehler, fehlende Texturen, Kamerakollisionen, Animationsfehler und Leistungsengpässe. Weise ehrlich auf verbleibende Einschränkungen hin. Das Endergebnis muss ein fertiges, bereitstellbares Erlebnis mit der visuellen Konsistenz, Zuverlässigkeit und Ausarbeitung einer professionellen Produktion sein.

**NICHT EINSCHLIESSEN:** Platzhaltergeometrie, flache Bildhintergründe anstelle der Hauptarchitektur, nicht lizenzierte Texturen, per Hotlink eingebundene Assets, defekte Bedienelemente, vorgetäuschte Lade- oder Export-Schaltflächen, gestreckte Texturen, übermäßiges Bloom, plastikartig wirkenden Stein, schwebende Vegetation, flackernde Schatten, Kameraclipping, unfertige mobile Layouts, Wasserzeichen oder unbelegte Behauptungen historischer Genauigkeit.

Erstelle **„Hängende Gärten von Babylon“**, eine interaktive 3D-Website in Produktionsqualität mit **Three.js**, ergänzt durch ein hochwertiges cineastisches **MP4-Video**, das aus derselben Szene gerendert wird.

**VISUELLE GESTALTUNG**  
Eine künstlerische Rekonstruktion der legendären Hängenden Gärten: monumentale Terrassenarchitektur, die sich von einem Wüstenflussufer erhebt, warmer Sandstein und sonnengetrocknete Ziegel, kobaltblaue Bänder aus glasierten Fliesen, zurückhaltende goldene Reliefs, gewölbte Galerien, breite Treppen, schattige Innenhöfe und herabfließende Wasserkanäle. Auf jeder Terrasse wachsen üppige Palmen, Zypressen, blühende Sträucher und hängende Ranken. Verbinde eine klar erkennbare gestufte Silhouette mit reichen architektonischen Details aus nächster Nähe. Warmes Sonnenlicht am späten Nachmittag, sanfte atmosphärische Tiefe, realistische Materialrauheit, dezente Verwitterung und überzeugende Größenverhältnisse. Orientiere dich an der Ausarbeitung einer hochwertigen Architekturvisualisierung und einer Website für eine Museumsausstellung.

**RECHERCHE UND TEXTUREN**  
Suche im Web nach visuellen Referenzen für babylonische Architektur, glasierte Ziegel, Sandstein, gemeißelte Reliefs, antike Bewässerung und regionale Vegetation. Finde hochauflösende Bilder aus der Public Domain, unter CC0 oder mit geeigneter Lizenz für die Texterstellung; dokumentiere Quellen und Lizenzen. Lade zulässige Assets herunter und stelle sie lokal bereit. Verwende geeignete Fotografien als Ausgangsmaterial für nahtlose PBR-Texturen und UV-projizierte Details, korrigiere die Perspektive, entferne eingebrannte gerichtete Beleuchtung und passe Farbe sowie Maßstab an. Erstelle gegebenenfalls Base-Color-, Roughness- und Normal-Maps. Backe Umgebungsverdeckung und indirekte Beleuchtung der tatsächlichen Szene in optimierte Texturatlanten ein und halte animierte Vegetation und Wasser mit dem Beleuchtungssetup kompatibel. Bewahre scharfe architektonische Details ohne sichtbare Nähte, gestreckte UVs oder sich wiederholende Texturmuster.

**3D-SZENE UND INTERAKTION**  
Erstelle eine stimmige, erkundbare Architektur mit glaubwürdigen Tragstrukturen, verbundenen Treppen, zugänglichen Terrassen und sorgfältig komponierter Vegetation. Animiere fließendes Wasser, sanfte Bewegungen der Pflanzen und dezente schwebende Partikel. Beginne mit einer cineastischen Annäherung vom Fluss zu den Gärten und gehe dann fließend zur Nutzersteuerung über. Unterstütze Umlaufen, Zoomen und eingeschränkte Erkundung mit kuratierten Aussichtspunkten für Flusstor, Gewölbegalerie, Bewässerungsterrasse und Gipfelgarten. Baue eine geführte Tour ein, die dem Wasser vom oberen Reservoir durch die Terrassen folgt. Stelle Tageslicht- und Sonnenuntergangsmodi mit konsistenter Beleuchtung bereit. Verhindere Kameraclipping, Bewegungen durch Wände und desorientierende Übergänge.

**WEBSITE-ERLEBNIS**  
Verwende elegante, zurückhaltende Typografie und minimale Bedienelemente, damit die Szene im Mittelpunkt steht. Füge eine klare Ladeanzeige, einen Einführungstitel, eine Aktion „Gärten erkunden“, eine Aussichtspunkt-Navigation, eine Steuerung für die geführte Tour und einen Video-Download hinzu. Kennzeichne die Rekonstruktion kurz als künstlerische Interpretation. Gestalte responsive Layouts für Desktop und Mobilgeräte, unterstütze Tastaturnavigation und reduzierte Bewegung und biete einen hochwertigen Fallback, wenn WebGL nicht verfügbar ist. Sorge dafür, dass alle Bedienelemente funktionieren und sämtliche Interface-Texte fertig ausgearbeitet sind. Stelle alle Texte der Benutzeroberfläche und der geführten Tour auf Englisch um: Gib der Seite den Titel „Hanging Gardens of Babylon“ und verwende kurze englische Beschriftungen für den Erkundungseinstieg, die Aussichtspunkt-Navigation, die wassergeführte Tour und den Video-Download. Gib jedem Aussichtspunkt eine kurze englische Beschriftung mit höchstens 40 Wörtern, die knapp darauf hinweist, dass die Szene eine künstlerische Rekonstruktion und kein bestätigter archäologischer Befund ist. **PRODUKTIONSENTWICKLUNG**  
Verwende modularen Three.js-Code und eine für zuverlässige Bereitstellung ausgelegte Asset-Pipeline. Optimiere Geometrie, Draw Calls, Schatten, Vegetation und Texturspeicher durch Instancing, Detailstufen, komprimierte GLB-Assets, KTX2/Basis-Texturen und progressives Laden. Passe die Texturauflösung an die sichtbaren Details an. Verwende physikalisch basierte Materialien, korrektes Farbmanagement, kontrolliertes Tone Mapping und zurückhaltendes Post-Processing. Strebe eine flüssige Leistung auf modernen Desktop-Computern und eine brauchbare Leistung auf Mittelklasse-Mobilgeräten an, mit adaptiven Qualitätseinstellungen und begrenzter Pixeldichte. Miss und dokumentiere die tatsächliche Leistung auf den getesteten Geräten. Behandle Ladefehler angemessen und gib ungenutzte GPU-Ressourcen frei.

**VIDEO-LIEFERUMFANG**  
Erstelle ein tatsächlich herunterladbares **30–45-sekündiges MP4 in 1920 × 1080**, H.264-kodiert und mit breiter Wiedergabekompatibilität. Rendere es aus der fertigen Three.js-Szene mit deterministischem Animations-Timing und stabiler Frame-Aufzeichnung. Folge einer Sequenz aus einer einführenden Einstellung auf Flusshöhe, einem Durchgang durch die Bögen, einem Aufstieg entlang herabfließenden Wassers und einer abschließenden Luftaufnahme. Sorge für flüssige Kamerabewegungen, konsistente Beleuchtung und saubere Frames ohne Website-Bedienelemente. Füge dezente Wasser- und Gartenatmosphäre mit entsprechend lizenziertem Audio hinzu.

**BEREITSTELLUNG UND ABNAHME**  
Erstelle und veröffentliche die vollständige Website unter einer funktionierenden öffentlichen HTTPS-URL. Liefere die MP4-Datei, das vollständige Quellprojekt, lokal gehostete Assets, ein Verzeichnis der Asset-Lizenzen sowie kurze Anweisungen zum Build und zur Bereitstellung. Prüfe die bereitgestellte Website, das Laden der Assets, jede Interaktion, responsive Layouts, Browserkompatibilität und die Videowiedergabe. Kontrolliere Konsolenfehler, fehlende Texturen, Kamerakollisionen, Animationsfehler und Leistungsengpässe. Weise ehrlich auf verbleibende Einschränkungen hin. Das Endergebnis muss ein fertiges, bereitstellbares Erlebnis mit der visuellen Konsistenz, Zuverlässigkeit und Ausarbeitung einer professionellen Produktion sein.

**NICHT EINSCHLIESSEN:** Platzhaltergeometrie, flache Bildhintergründe anstelle der Hauptarchitektur, nicht lizenzierte Texturen, per Hotlink eingebundene Assets, defekte Bedienelemente, vorgetäuschte Lade- oder Export-Schaltflächen, gestreckte Texturen, übermäßiges Bloom, plastikartig wirkenden Stein, schwebende Vegetation, flackernde Schatten, Kameraclipping, unfertige mobile Layouts, Wasserzeichen oder unbelegte Behauptungen historischer Genauigkeit.