Cinematic 3D Hobbiton Rekreations-Prompt

Baue die erste funktionierende Version einer filmischen interaktiven 3D-Nachbildung von Hobbingen aus Der Herr der Ringe. Dies ist ein inoffizielles Fan-gemachtes technisches und visuelles Experiment, das für ein Modellvergleichsvideo gedacht ist. Verwende keine heruntergeladenen Filmaufnahmen, Filmton, offizielle Logos, urheberrechtlich geschützte Charaktermodelle oder proprietäre 3D-Assets. Erstelle die Umgebung prozedural aus Code und einfacher Originalgeometrie. Verwende: - Vite - TypeScript - Three.js - Eine saubere modulare Projektstruktur - Ein einseitiges Vollbild-Web-Erlebnis - Kein Backend Erstelle eine schöne stilisierte Low-Poly-Version von Hobbingen, die sofort als das Auenland erkennbar ist. Die Umgebung muss enthalten: - Große rollende grüne Hügel - Ein markantes, von Beutelsend inspiriertes Haus, das in den Haupthügel gebaut ist - Mehrere zusätzliche Hobbit-Höhlen mit runden Türen und Fenstern - Gewundene Feldwege, die die Häuser verbinden - Kleine Holzzäune - Gemüsegärten und Blumenbeete - Einen großen Partybaum - Einen kleinen Teich - Eine Steinbrücke - Ein entferntes Dorfgebiet - Berge und atmosphärische Landschaft in der Ferne - Schornsteinrauch - Bewegtes Gras, Blätter und Wolken - Warmes spätnachmittägliches Sonnenlicht - Weiche Schatten, atmosphärischer Nebel und filmische Tiefe Baue kein generisches mittelalterliches Dorf. Die Landschaft, Architektur und Komposition müssen eindeutig Hobbingen und das Auenland hervorrufen. Steuerung: - WASD-Bewegung - Mausblick-Kamera - Shift zum schnelleren Bewegen - Ein optionaler automatischer Filmrundgang-Button - Ein Button zum Zurückkehren zum Startblickpunkt - Eine minimale Benutzeroberfläche, die für Bildschirmaufnahmen ausgeblendet werden kann Leistung: - Ziel ist flüssige Leistung in einem normalen Desktop-Browser - Verwende Instanziierung für wiederholtes Gras, Blumen, Bäume und Zäune - Vermeide riesige Texturen und externe Modell-Downloads - Generiere Geometrie und Materialien lokal - Füge einen Ladebildschirm hinzu - Behandle Fenstergrößenänderungen - Zeige eine hilfreiche Meldung, wenn WebGL nicht verfügbar ist Bevor du Code schreibst: 1. Erstelle einen prägnanten Implementierungsplan. 2. Entscheide, wie das Gelände, die Hobbit-Häuser, die Vegetation und die filmische Beleuchtung generiert werden. 3. Dann baue das Projekt. Nach der Implementierung: 1. Installiere alle Abhängigkeiten. 2. Führe den Entwicklungsserver aus. 3. Überprüfe das Ergebnis im Browser. 4. Behebe sichtbare Fehler und Laufzeitwarnungen. 5. Bestätige, dass die Szene lädt und die Steuerung funktioniert. 6. Schreibe eine kurze README mit dem genauen Befehl, um es erneut auszuführen. Höre nicht auf, nachdem du Platzhalter erstellt hast. Produziere eine funktionale und visuell kohärente erste Version.