TITANIC — Das letzte Licht

1. Projektziel Erstelle TITANIC — THE LAST LIGHT: eine interaktive, 264 Sekunden lange filmische Reise vom letzten Sonnenuntergang des Schiffs über Kollision, Evakuierung und Untergang bis zu einem Gedenkmoment im Morgengrauen. Besucher sehen einen inszenierten Film, erkunden die bewegte 3D-Welt, springen zu einem Kapitel, speichern ein Standbild oder laden den vollständigen Film herunter. Stelle das Werk als künstlerische Interpretation dar, ohne forensische Genauigkeit oder eine offizielle Verbindung zu behaupten. 2. Visuelle Gestaltung Verwende eine zurückhaltende cineastische Farbpalette: warmes Creme und bernsteinfarbene Schiffsbeleuchtung vor tiefem Atlantikblau, gefolgt von einer dunklen, sternenbeleuchteten Nacht und einem kühlen Morgengrauen. Rendere eine Perspektivszene im Filmformat 2,39:1 mit weichem Bloom, dezentem Filmkorn und Vignette. Nutze Tiefenschärfe für Porträts der Figuren und das Morgengrauen, während die Partikel der Seenotsignale scharf bleiben. Gib dem Ozean eine tiefblaue Grundfarbe, Wellen im World Space, kleinere mipmap-basierte Ripple-Normalmaps und Fresnel-Reflexionen; warme Sonnenuntergangsfarben sollen hauptsächlich im reflektierten Licht erscheinen. Verwende am Rumpf befestigte Wake-Ribbons, die derselben Ozeanverformung folgen, mit weichen Enden und unterbrochenem Schaum. Wiederhole Panorama-Texturen horizontal ohne Frakt-Diskontinuität, damit keine vertikalen Himmelssäume und reflektierten Streifen entstehen. Vermeide orangefarbene Flachwasser-Schattierung, winzige gleichförmige Wellen und leuchtende kreisförmige Schaum-Decals. Entferne verdeckte, überlappende Dachoberseiten, um Z-Fighting zu verhindern, und verwende eine zur Aufnahmedistanz passende Kamera-Near-Plane. Während des Untergangs soll die Fensterbeleuchtung monoton gedimmt werden, statt hochfrequentes Flackern hinzuzufügen. Verwende einen ruhigen Serifentitel, zweisprachige englische/chinesische Bedienelemente und eine schmale Zeitleiste am unteren Rand. 3. Welt, Geografie und Kameraschnitt Verwende ein durchgängiges Koordinatensystem mit einem 269 Meter langen Schiff, dessen Bug in Richtung +X zeigt, und einem bei (275, 0, 57) fixierten Eisberg. Das Schiff bewegt sich vorwärts, berührt den Eisberg bei 96,727 Sekunden, gleitet bis zum Stillstand weiter und sinkt anschließend in Bug- und Heckabschnitten. Der Eisberg bleibt bis zum Ende vorhanden und in der Morgengrauen-Komposition sichtbar. Behalte sechs Kapitel bei, die bei 0, 63, 110, 163, 211 und 241 Sekunden beginnen. Erstelle 23 bewusst komponierte Einstellungen. Die Bug-Umarmung erstreckt sich über 29–61 Sekunden: eine einführende Annäherung, ein enges Doppelporträt, eine Ansicht von hinten über das Meer und ein schräges Porträt. Platziere Rose vorne und Jack direkt hinter ihr an der Bugspitze; beide blicken über den Bug hinaus. Behalte während der gesamten Sequenz die Sonnenuntergangsbeleuchtung bei. Verwende von 127–158 Sekunden drei Einstellungen, die an die tatsächliche Welt-Transformation eines Rettungsboots gebunden sind: das Ablegen vom Bootsdeck, eine nähere Ansicht der Passagiere und Halteseile sowie die Annäherung an das Wasser. Darauf folgen weite Evakuierungs-, Schlagseiten-, Bruch- und Untergangseinstellungen. Zeige im Morgengrauen die überlebenden Boote mit dem Eisberg in der Ferne und anschließend einen zurückhaltenden Gedenktitel. 4. Asset-Inventar - titanic-vessel: Erstelle die 269 Meter lange Hauptstruktur in Blender mit durchgehenden Welldecks, geschlossenem Vorschiff, gestaffelten Promenadendecks, vier hohlen, nach hinten geneigten hellen Schornsteinen, schwarzem oberen und rotem unteren Rumpf. Verwende echte kreisförmige Einfassungen für 864 Bullaugen sowie Rahmen für 360 Fenster. Beschränke Emission auf tatsächliche Verglasungsmaterialien. Bündele Materialien und teile das Modell zum Sinken bei x=-32. Füge Masten, Rigging, Davits, Taljen, Bronzepropeller und Ruder hinzu. Erzeuge ein P2-Treppenhaus mit Teakholztüren und Messingdetails, normalisiere es und verwende es zweimal auf dem erstellten Deck. Bewahre beim Zusammenbauen der GLB die Node-Transformationen. - atlantic-iceberg: ein unregelmäßiger, erodierter blau-weißer Eisberg mit geschichteten Froststrukturen, variierender Rauheit, einer zurückhaltenden Normalmap und einer überzeugenden Wasserlinie. Er bleibt ein geografisch fixiertes Objekt. - lifeboat: ein Ruderrettungsboot der White Star mit weißer Holzschale, dunklem Dollbord, Bänken und Rudern, instanziiert über sechzehn unabhängig bewegte Boote. - bow-embrace: ein isoliertes Asset mit zwei Figuren, inspiriert von den gewünschten Kostümen und der Pose des Films von 1997: Rose mit rotbraunem Haar, Kleidung in Navy und Elfenbein sowie einem gemusterten Schultertuch, die Arme ausgestreckt; Jack unmittelbar hinter ihr in einem dunklen Mantel und elfenbeinfarbenem Hemd. Erzeuge vor der Konvertierung zu H v3.1 saubere Referenzbilder der vollständigen Figuren und halte Kopf, Hals, Schultern und Kleidung jeder Figur konsistent. Verfeinere Rose mit einer separaten Nahaufnahme-Referenz und einem H-Spender für Gesichtdetails: Registriere Augen, Nase, Lippen und Kinn, übertrage lokale Form und Farbe auf das durchgehende Mesh der vollständigen Figur und verblende sowie retuschiere den UV-Übergang. Erzeuge für Jack ein sauberes Porträt mit natürlicher Hautfarbe sowie klar definierten Augen und Lippen. Behalte den vollständigen Kopf und oberen Hals bei, passe Blickrichtung und Maßstab an den H-Körper an, forme den unteren Hals an und verschweiße beide Rand-Loops. Bake und retuschiere den schmalen Halsübergang, ohne Gesichtdetails zu glätten. Korrigiere Haltung und Handkontakt in Blender. Prüfe Vorder-, Seiten- und Rückansichten auf dunkle Schmieren, Textur-Nähte, Löcher, abgeschnittene Kanten und Kleidungsdurchdringungen. Verwende separate Shader für Haut und Stoff. Bewahre die natürlichen Grundausdrücke mit zurückhaltender Bewegung von Körper und Kleidung; suggeriere kein Gesichtsanimations-Rig, sofern keines tatsächlich implementiert ist. - seated-woman und seated-man: separate erwachsene Passagiermodelle in Kleidung von 1912 und hellen Kork-Rettungswesten, sitzend mit angewinkelten Knien und den Händen im Schoß. Teile Geometrie und Materialien über die Boote hinweg und variiere Platzierung und Ausrichtung leicht. Verwende umkehrbare Instanzanzahlen pro Boot für das Einsteigen. Verwende Blender für das Hauptschiff, Tripo P2.0 für das Treppenhaus auf dem Deck, den Eisberg, die Boote und die sitzenden Passagiere sowie H v3.1 für die beiden vollständigen Hauptfiguren und die Verfeinerung der Nahaufnahme-Porträts. Halte Ozean, Himmelblende, Sterne, Beleuchtung, Rauch, Seenotsignale, Schaum, Spritzwasser und Trümmer als Szeneneffekte. Liefere leichtere Web-Modellvarianten mit komprimierten Texturen und bewahre detaillierte Quell-Assets zur Bearbeitung auf. Verwende dasselbe freigegebene, optimierte Figurenpaar für Website und Offline-Filmexport. 5. Wiedergabe und Feedback Zeige den tatsächlichen Ladefortschritt für die wesentlichen Schiffs-, Boots-, Himmel- und Meeres-Normalmap-Assets. Aktiviere den Startbutton, sobald die erste Szene bereit ist, und lade die übrigen Modelle und die Musik verzögert. Wenn ein benötigtes Figuren- oder Eisbergmodell verspätet eintrifft, halte an der Szenengrenze an und setze fort, sobald es bereit ist, statt die Einstellung stillschweigend zu überspringen. Die Audiowiedergabe beginnt erst nach einer Benutzerinteraktion. Die Zeitleiste muss Vorwärts- und Rückwärtssprünge sowie schnelle Ziehbewegungen unterstützen, ohne auf null zurückzusetzen. Behalte Wiedergabe-/Pausen- und Stummschaltungsstatus beim Springen bei; die alte Audio-Uhr darf die angeforderte Position nicht überschreiben. Liefere Byte-Ranges für MP3 und MP4 aus. Die Kapitelnavigation enthält direkte Einträge für die Bug-Umarmung bei 29 Sekunden und das Absenken der Rettungsboote bei 127 Sekunden; diese stellen die Regiekamera wieder her und bewahren den Wiedergabestatus. Die Erkundung ermöglicht Orbit, Ziehen und Zoomen, während Welt, Schiff und Soundtrack weiterlaufen. Folge der Translation des Schiffs, ohne die Blickrichtung einrasten zu lassen. Die Pause bleibt unabhängig; bei der Rückkehr zum Film bleibt die aktuelle Zeit erhalten. Mit der Leertaste wird die Wiedergabe gestartet bzw. pausiert, die Pfeiltasten springen zehn Sekunden, M schaltet den Ton um, E schaltet die Erkundung um und F öffnet den Vollbildmodus. Unterstütze Touch-Orbit, Pinch-Zoom und Tippen auf die Zeitleiste. Die Boote starten leer. Die Passagiere steigen nach 112 Sekunden in versetzten Gruppen ein und sind fertig, bevor jedes Boot abgesenkt wird. Seile verlaufen zwischen den beweglichen Davits und den tatsächlichen Befestigungspunkten der Boote und verschwinden nach dem Loslassen. Rückwärtssprünge stellen frühere Belegungs- und Seilzustände wieder her. Die Kollision muss Rumpf-/Kameravibration, Eissplitter, abrasives Spritzwasser und einen kurzen Stahl-Eis-Kontaktsound koordinieren. Seenotsignale verwenden weiße brennende Sterne, kurze individuelle Schweife, Gravitation, Luftwiderstand und verblassenden Rauch. Die durch den Untergang verursachten Störungen sind unregelmäßige, den Wellen folgende Flächen, die allmählich abklingen; verteile Spritzwasser entlang der tatsächlichen Wasserlinie des Hecks, niemals aus einer entfernten Punktfontäne. 6. Technische Umsetzung und Lieferumfang Verwende Vite, JavaScript-Module und Three.js mit deterministischer zeitbasierter Animation. Trenne Kamera/Zeitleiste, Schiffs-Assets, Figuren, Umgebung, Effekte und Szenenbereitschaft. Verwende dasselbe Zeitmodell für Web-Wiedergabe, Springen und Offline-Aufzeichnung. Halte das Web-Rendering innerhalb eines expliziten Budgets für Pixel, Reflexionen und Schatten; verschiebe aufwendigere Ambient Occlusion in das Offline-Profil. Kompiliere und dekodiere Assets ohne einen langen blockierenden Start-Prewarm. Hoste Skripte, Modelle, Bilder, Schriftarten und Audio auf derselben Origin und halte Geheimnisse aus dem statischen Build heraus. Verwende eine eigene Filmmusik und bezahlte ElevenLabs-Foley-Sounds: eine vollständige, natürlich gepfiffene Feuerwerksaufnahme, die am tatsächlichen Luftzerleger in einen aufsteigenden Flug und einen scharfen Knall mit knisterndem Nachhall geteilt wird, außerdem Stahl-/Eiskontakt und Schaben, Seile und Wasserkontakt der Rettungsboote, Rumpfspannung/-bruch und die Wasserverdrängung am Heck. Exportiere die Quell-WAV-Dateien, bewahre Prompts und Verlaufs-IDs auf und schneide sie zu zeitlich passenden Cues. Setze die Starts auf 119, 151 und 183 Sekunden und die Luftzerleger 3,15 Sekunden später. Bewahre den ursprünglichen Attack des Feuerwerksknalls und senke die Orchestermusik kurz ab. Halte leise Meeres-, Wind- und Motorgeräusche unter dem Mix. Der Soundtrack des Referenzfilms ist ohne Genehmigung weder für die öffentliche Website noch für den herunterladbaren Film enthalten. Dokumentiere die tatsächlichen Asset- und Soundquellen, statt einen Fallback als servicegeneriertes Asset zu beschreiben. Liefere einen deterministischen Export mit 6.336 Frames bei 3840×2160 und 24 fps sowie drei zeitlichen Samples, eingebrannten englischen Titeln und einem Letterbox-Bild im Format 2,39:1. Kodiere einen 4K-H.264/AAC-Master und eine 1080p-Webfassung unter 100 MiB, beide 264 Sekunden lang und mit 48-kHz-Stereo-Audio. Bewahre optionale chinesische/englische Untertitel, den Audio-Master und bearbeitbare Quelldateien auf. Veröffentliche den statischen Build über das vorhandene CMS-Web-Pages-Hosting, ohne eine Plattformanwendung oder einen Worker pro Seite hinzuzufügen. 7. Abnahme Prüfe den Auftakt, beide Figurenporträts, die Kollision, die Seenotsignale, alle drei Absenk-Einstellungen, den Bruch, das Verschwinden des Hecks und das Morgengrauen. Stelle sicher, dass der Eisberg bei 244 Sekunden nicht verschwindet, das Meer tiefblau wirkt, der Untergang keine regelmäßigen weißen Ringe aufweist, die Figuren in ihren vorgesehenen Einstellungen vorhanden bleiben und Seile sowie Passagiere der Boote während des gesamten Absenkens ausgerichtet bleiben. Teste verzögertes Nachladen von Modellen, Vorwärts-/Rückwärtssprünge, schnelles Scrubbing, Pause/Stummschaltung, dynamische Erkundung, direkte Nahaufnahme-Einträge und Touch-Emulation. Überprüfe jedes exportierte Frame, dekodiere beide Filme vollständig, vergleiche den tatsächlichen Browser-Download mit der gelieferten Datei und prüfe den öffentlichen Build sowie die CMS-Verknüpfung. Unterscheide die mobile Browser-Emulation vom Test auf einem physischen Smartphone.