3D-Vorlage

Erstellen Sie Die Prompt Motion Galerie, neu gestaltet als 3D-Raum aus Videokarten an gebogenen Wänden, als eine in sich geschlossene HTML Seite mit three.js.
Stil: Sanftes Tageslicht und weißer Raum in Prompt Motion eigenem Stil: Schwarzweiß, Geist, ein orangefarbener Akzent.
Der entscheidende Schuss ist Der Rückzug, bei dem sich die Kartenkorridore in die Buchstaben PROMPT MOTION auflösen, von oben gesehen. Alles sollte darauf ausgerichtet sein.
Kamera: Eine Filmkamera, keine Orbitsteuerung. Jede Einstellung verwendet eine benannte Bewegung (Dolly, Kran, Orbit, Heranzoomen, Fokusverlagerung), die sanft ein- und ausgeschwenkt wird, und die Kamera durchläuft dabei nie geometrische Grenzen.
Licht und Materialien: Haupt-, Füll- und Streiflicht mit weichen Schatten, eine Umgebungskarte für Reflexionen, Nebel für Tiefe, physikalisch basierte Materialien mit variabler Rauheit, ACES Tonwertkorrektur. Nichts sollte wie ein Standardmaterial aussehen.
Bewegung: Dinge reagieren aufeinander (was getroffen wird, bewegt sich, was sich in der Nähe befindet, leuchtet auf), angetrieben von Federn oder einfacher Physik, niemals linearen Zwischenzuständen.
Verboten sind: Standardmaterialien und -beleuchtung, schwebende Textbeschriftungen, alles leuchtet, ein sich langsam drehendes Objekt als Gesamtkonzept, alles, was wie eine Tech-Demo aussieht.

Aufnahmen, jeweils etwa drei Sekunden lang:
1. Makroaufnahme der Kante einer Karte im weichen Licht, dann Fokusverlagerung auf das laufende Video (ein echtes Poster der Website). 2. Kamerafahrt zurück: Es ist eine von Hunderten Karten an einer leicht geschwungenen Wand, alle spielen; eine Welle aus orangefarbenem Licht wandert an der Wand entlang, und jede Karte neigt sich leicht, während sie vorbeizieht. 3. Kranfahrt über die Wand: Dahinter bilden weitere Wände Korridore. 4. Eine Karte löst sich, schwingt mit ihrem Gewicht zur Kamera und kommt zum Stillstand; ihr Text ist auf der Rückseite aufgedruckt und hebt sich Zeile für Zeile als 3D-Schriftzug ab. 5. Die charakteristische Aufnahme: Weit zurück und nach oben fahren, während das orangefarbene Licht das O nachzeichnet. 6. Fokus auf dem Schriftzug und prompt-motion.com.

1. Eine HTML Datei, three.js von einem CDN, kein Build-Prozess. Alles wird im Code modelliert; keine heruntergeladenen Modelle und keine Texturen außer den eigenen Videopostern der Website für die Karten.
2. Verwenden Sie MeshPhysicalMaterial, eine PMREM-Umgebung aus RoomEnvironment, weiche Schatten, ACES Tonwertzuordnung und Kantenglättung. Fügen Sie Tiefenschärfe nur bei Aufnahmen hinzu, die sie benötigen.
3. Halten Sie 60 fps auf einem Laptop.
4. Fügen Sie einen?render-Modus hinzu, bei dem jedes Frame aus der Zeit berechnet wird (angefangene Zufälligkeit, kein Taktgeber), sodass es mit Playwright in eine MP4 in 1920x1080 aufgenommen werden kann.
5. Nehmen Sie pro Aufnahme ein Einzelbild auf, betrachten Sie es und korrigieren Sie alle Bildfehler wie flache, verpixelte, abgeschnittene oder schwer lesbare Bereiche.

Stellen Sie die Schattenverzerrung ein, sonst entstehen streifenförmige Unebenheiten auf den Oberflächen. Halten Sie die Abstände zwischen nahen und fernen Flächen eng, sonst flackern entfernte Oberflächen. Verwenden Sie für jede Zufallszahl einen Startwert, sonst stimmt das Rendering nicht mit der Vorschau überein.

Beschreiben Sie die charakteristische Einstellung und die Shotlist in wenigen Zeilen und erstellen Sie das Video anschließend ohne weitere Fragen. Senden Sie mir die HTML Datei und eine 20-sekündige MP4 die im Rendermodus aufgenommen wurde.

Build the Prompt Motion gallery, reimagined as a 3D space of video cards on curved walls, as one self-contained HTML page with three.js.
Style: soft daylight and white space in Prompt Motion's own: black and white, Geist, one orange accent.
The signature shot is the pull back where the corridors of cards resolve into the letters PROMPT MOTION seen from above. Build everything toward it.
Camera: a film camera, not orbit controls. Every shot uses one named move (dolly, crane, orbit, push-in, rack focus), eased in and out, and the camera never passes through geometry.
Light and materials: a key, fill and rim light with soft shadows, an environment map for reflections, fog for depth, physically based materials with varied roughness, ACES tone mapping. Nothing should look like a default material.
Motion: things react to each other (what's hit moves, what's near lights up), driven by springs or simple physics, never linear tweens.
Banned: default materials and lighting, floating text labels, glows on everything, a slowly spinning object as the whole idea, anything that looks like a tech demo.

Shots, about three seconds each:
1. Macro on the edge of one card in soft light, then rack focus onto its playing video (a real poster from the site). 2. Dolly back: it's one of hundreds of cards on a gently curved wall, all playing; a wave of orange light runs along the wall and each card tilts slightly as it passes. 3. Crane up and over the wall: behind it, more walls form corridors. 4. One card unhinges, swings toward the camera with weight and settles; its prompt is printed on its back and lifts off as 3D type, line by line. 5. The signature shot: pull far back and up while the orange light traces the O. 6. Settle on the wordmark and prompt-motion.com.

1. One HTML file, three.js from a CDN, no build step. Model everything in code; no downloaded models, and no textures except the site's own video posters for the cards.
2. Use MeshPhysicalMaterial, a PMREM environment from RoomEnvironment, soft shadows, ACES tone mapping and antialiasing. Add depth of field only on shots that need it.
3. Hold 60fps on a laptop.
4. Add a ?render mode where every frame is computed from time (seeded randomness, no clock), so it can be captured with Playwright into an MP4 at 1920x1080.
5. Capture one frame per shot, look at it, and fix anything flat, aliased, clipping or hard to read.

Set shadow bias, or surfaces get striped acne. Keep near and far planes tight, or distant surfaces flicker. Seed every random number, or the render won't match the preview.

Describe the signature shot and the shot list in a few lines, then build it without asking me anything else. Give me the HTML file and a 20-second MP4 captured with the ?render mode.