Northbound: Interaktive Reise im Wikingerschiff

Erstelle „Northbound“ – eine atmosphärische, interaktive 3D-Reise durch einen nordischen Fjord an Bord eines detaillierten Wikingerschiffs. Erzeuge eine echte Echtzeitszene mit Three.js und WebGL und liefere sie als einzelne, eigenständige HTML-Datei aus. Es muss sich um ein erkundbares Browser-Erlebnis handeln, nicht um ein vorgerendertes Video oder eine flache Illustration. VISUELLE AUSRICHTUNG Strebe eine ausgearbeitete, cineastische Umgebung mit realistischen Materialien, natürlichen Proportionen und zurückhaltenden Farben an. Vermeide eine cartoonhafte oder Low-Poly-Optik. Ein hölzernes Wikingerschiff fährt durch tiefgrünes bis blaugrünes Wasser zwischen hoch aufragenden Klippen, dichten Wäldern, Wasserfällen und kleinen nordischen Siedlungen hindurch. Verwende atmosphärische Perspektive, zarten Nebel, weiche Schatten und überzeugende Tiefenwirkung. Inszeniere während der gesamten Reise schöne Ansichten, nicht nur aus der anfänglichen Kameraposition. DAS WIKINGERSCHIFF Konstruiere einen detaillierten, wasserdichten Rumpf mit überlappenden Holzplanken, sichtbarer Maserung, Spanten, Bänken und einem durchgängigen Innenraum. Füge einen geschnitzten Drachenbug, ein gestreiftes Stoffsegel, einen Mast, Taue, Schilde, Vorräte und warm leuchtende Laternen hinzu. Integriere proportionierte Wikingerpassagiere und Ruderer mit mehrlagiger Kleidung, glaubwürdigen Sitzhaltungen und Händen in der Nähe ihrer Ruder. Achte darauf, dass alle Komponenten physisch miteinander verbunden sind. Keine schwebenden Passagiere, sich überschneidenden Accessoires oder sichtbaren Lücken im Rumpf. Animiere subtilen Auftrieb sowie Stampfen und Rollen. Das Segel soll sanft auf den Wind reagieren. WASSER UND RUDERN Mache das Wasser zu einem zentralen visuellen Element. Verwende einen benutzerdefinierten Shader mit planaren Reflexionen, Brechung, Fresnel-Highlights, tiefenabhängiger Absorption, sichtbaren Flachwasserbereichen und überlagerten Oberflächenwellen. Die Reflexionen müssen korrekt auf die bewegte Kamera und wechselnde Beleuchtung reagieren. Erzeuge eine glaubwürdige Heckwelle hinter dem Schiff. Animiere einen vollständigen Ruderschlag: Die Blätter tauchen ins Wasser ein, ziehen nach hinten, werden herausgehoben und kehren über die Wasseroberfläche zurück. Stimmen Sie dies mit den Bewegungen der Ruderer ab. Erzeuge an den tatsächlichen Kontaktpunkten zwischen Ruderblättern und Wasser Wellen, Schaum und kleine Spritzer. Die Spuren müssen im Weltraum verbleiben und allmählich verblassen. Vermeide Effekte, die erscheinen, während sich die Blätter in der Luft befinden. UMGEBUNG UND MATERIALIEN Verwende detailliertes Terrain, unregelmäßige Felsformationen, natürliche Baumkonturen, verzweigte Stämme und einzelne Blatt- oder Nadelbüschel. Verwende PBR-Materialien mit Normal- und Rauheits-Maps für Holz, Stein und Boden. Du kannst entsprechend lizenzierte Texturen einbetten; füge, falls erforderlich, eine Urheberangabe hinzu. Stelle sicher, dass sich das Unterwasserterrain unterhalb der Oberfläche fortsetzt. Keine hellen Übergänge, Lücken am Ufer, schwebende Vegetation oder Bäume, die die befahrbare Route versperren. CONTROLS A/D- oder Pfeiltasten: nach links und rechts steuern. W/S: Geschwindigkeit anpassen. Maus ziehen: die Umgebung betrachten. Biete Kamera-Modi für Verfolgung, Orbit und cineastische Aufnahmen. Integriere optional einen automatischen Reisemodus. Füge Steuerelemente für Pause, Zurücksetzen, Vollbild und das Ausblenden der Benutzeroberfläche hinzu. Unterstütze auf Mobilgeräten die Steuerung von Richtung und Geschwindigkeit per Touch. Verhindere, dass das Schiff Land oder Felsen durchquert. ATMOSPHÄRE UND BENUTZEROBERFLÄCHE Biete drei nahtlos ineinander übergehende Beleuchtungs-Presets: Morgen, Bewölkt und Mondlicht. Füge optional Umgebungsgeräusche von Wasser, Wind, Vögeln und Rudern hinzu. Die Audiowiedergabe darf erst nach einer Interaktion des Benutzers beginnen. Gestalte eine minimalistische, redaktionelle Benutzeroberfläche: „Northbound.“ in einer eleganten Serifenschrift, dezente Kapitelbezeichnungen und eine kompakte, transluzente Steuerleiste. Die Landschaft soll unverdeckt bleiben. PERFORMANCE UND AUSLIEFERUNG Verwende Instancing, sinnvolle Geometrie-Budgets, entfernungsabhängige Detailstufen und Reflexions-Renderziele in angemessener Größe. Passe die Renderqualität an das Gerät an, statt eine feste Bildrate zu versprechen. Liefere eine einzelne HTML-Datei mit eingebetteten Skripten und erforderlichen Assets, die sich direkt in einem modernen Browser öffnen lässt. Teste Steuerung, Kameramodi, Beleuchtungsübergänge und Rudern. Untersuche das Schiff aus mehreren Blickwinkeln und prüfe das Ufer aus niedrigen Kameraperspektiven. Behebe Geometrieüberschneidungen, Reflexionsartefakte, übermäßige Blendung und Konsolenfehler, bevor du die Szene als fertig betrachtest. Priorisiere überzeugendes Wasser, ein sorgfältig konstruiertes Wikingerschiff und eine stimmige Umgebung, statt weitere Objekte hinzuzufügen.