3D šablóna

Vytvorte galéria Prompt Motion, prepracovaná ako 3D priestor videokart na zakrivených stenách, ako jednu samostatnú HTML stránku s použitím three.js.
Štýl: mäkké denné svetlo a biely priestor vo vlastnom štýle od Prompt Motion: čierna a biela, Geist, jeden oranžový akcent.
Charakteristickým znakom je stiahnutie späť, kde sa chodby kariet rozchádzajú do písmen PROMPT MOTION pri pohľade zhora. Všetko na ňom dbajte.
Kamera: filmová kamera, nie ovládanie obežnej dráhy. Každý záber používa jeden pomenovaný pohyb (bábika, žeriav, obežná dráha, zasunutie, zaostrenie stojana), pomaly sa pohybuje dovnútra a von a kamera nikdy neprechádza geometriou.
Svetlo a materiály: kľúčové, výplňové a okrajové svetlo s mäkkými tieňmi, mapa prostredia pre odrazy, hmla pre hĺbku, fyzikálne materiály s rôznou drsnosťou, mapovanie tónov ACES. Nič by nemalo vyzerať ako predvolený materiál.
Pohyb: veci na seba reagujú (čo je zasiahnuté, sa pohybuje, čo je blízko, svieti), poháňané pružinami alebo jednoduchou fyzikou, nikdy nie lineárnymi doplneniami.
Zakázané: predvolené materiály a osvetlenie, plávajúce textové popisky, žiara na všetkom, pomaly sa otáčajúci objekt ako celá myšlienka, čokoľvek, čo vyzerá ako technologická ukážka.

Zábery, každý asi tri sekundy:
1. Makro na okraji jednej karty v mäkkom svetle, potom zaostrite na jej prehrávajúce sa video (skutočný plagát zo stránky). 2. Dolly back: je to jedna zo stoviek kariet na jemne zakrivenej stene, všetky sa hrajú; vlna oranžového svetla prechádza pozdĺž steny a každá karta sa pri prechode mierne nakláňa. 3. Vytiahnite sa cez stenu: za ňou ďalšie steny tvoria chodby. 4. Jedna karta sa uvoľní, s váhou sa vychýli smerom k fotoaparátu a usadí sa; jej prompt je vytlačený na jej zadnej strane a zdvihne sa ako 3D písmo, riadok po riadku. 5. Charakteristický záber: potiahnite ďaleko dozadu a hore, zatiaľ čo oranžové svetlo sleduje O. 6. Rozhodnite sa pre slovnú ochrannú známku a prompt-motion.com.

1. Jeden HTML súbor, three.js z CDN, žiadny krok zostavovania. Všetko modelujte v kóde; žiadne stiahnuté modely a žiadne textúry okrem vlastných video plagátov pre karty.
2. Použite MeshPhysicalMaterial, prostredie PMREM od RoomEnvironment, mäkké tiene, mapovanie tónov ACES a antialiasing. Pridajte hĺbku ostrosti iba na záberoch, ktoré to potrebujú.
3. Držte 60 snímok za sekundu na notebooku.
4. Pridajte režim vykresľovania, kde sa každý snímok vypočítava z času (náhodnosť nasadenia, bez hodín), aby sa dal zachytiť pomocou Playwright do MP4 s rozlíšením 1920x1080.
5. Zachyťte jeden záber na záber, pozrite sa naň a opravte všetko, čo je ploché, aliasingové, orezané alebo ťažko čitateľné.

Nastavte skreslenie tieňov, inak budú povrchy mať pruhované akné. Udržujte blízke a vzdialené roviny tesné, inak vzdialené povrchy budú blikať. Nasaďte každé náhodné číslo, inak sa vykreslenie nebude zhodovať s náhľadom.

V pár riadkoch opíš charakteristický záber a zoznam záberov a potom ich zostav bez toho, aby si sa ma na čokoľvek pýtal. Daj mi HTML súbor a 20-sekundový MP4 súbor nahraný v režime?render.

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.