3D šablona

Vytvořte galerie Prompt Motion, nově pojatá jako 3D prostor grafických karet na zakřivených stěnách, jako jednu samostatnou HTML stránku s využitím three.js.
Styl: měkké denní světlo a bílý prostor ve vlastním stylu od Prompt Motion: černá a bílá, Geist, jeden oranžový akcent.
Charakteristickým kouskem je ústup, kde se chodby karet rozpadají do písmen PROMPT MOTION při pohledu shora. Všechno na něm snažte.
Kamera: filmová kamera, nikoli ovládání oběžné dráhy. Každý záběr používá jeden pojmenovaný pohyb (panenka, jeřáb, oběžná dráha, zasunutí, ostření na stojanu), pomalý pohyb dovnitř a ven a kamera nikdy neprochází geometrií.
Světlo a materiály: klíčové, výplňové a okrajové světlo s měkkými stíny, mapa prostředí pro odrazy, mlha pro hloubku, fyzikálně podložené materiály s různou drsností, mapování tónů ACES. Nic by nemělo vypadat jako výchozí materiál.
Pohyb: věci na sebe reagují (co je zasaženo, se pohybuje, co je blízko, se rozsvítí), poháněno pružinami nebo jednoduchou fyzikou, nikdy ne lineárními doplněními.
Zakázáno: výchozí materiály a osvětlení, plovoucí textové popisky, záře na všem, pomalu se rotující objekt jako celek, cokoli, co vypadá jako technologická demoverze.

Snímky, každý asi tři sekundy:
1. Makro na okraji jedné karty v měkkém světle, poté zaostření na video s jejím přehráváním (skutečný plakát ze stránek). 2. Dolly back: je to jedna ze stovek karet na jemně zakřivené zdi, všechny hrají; vlna oranžového světla běží po zdi a každá karta se při průchodu mírně naklání. 3. Natahněte se přes zeď: za ní další zdi tvoří chodby. 4. Jedna karta se uvolní, s vahou se zhoupne směrem k fotoaparátu a usadí se; její prompt je vytištěn na její zadní straně a zvedne se jako 3D písmo, řádek po řádku. 5. Charakteristický záběr: posuňte kartu hodně dozadu a nahoru, zatímco oranžové světlo sleduje O. 6. Rozhodněte se pro slovní ochrannou známku a prompt-motion.com.

1. Jeden HTML soubor, three.js z CDN, žádný krok sestavení. Vše modelujte v kódu; žádné stažené modely a žádné textury kromě vlastních video plakátů ke kartám z webu.
2. Použijte MeshPhysicalMaterial, prostředí PMREM od RoomEnvironment, měkké stíny, mapování tónů ACES a antialiasing. Hloubku ostrosti přidejte pouze u záběrů, které ji potřebují.
3. Držte na notebooku 60 snímků za sekundu.
4. Přidejte režim?renderování, kde se každý snímek počítá z času (náhodnost seedování, bez hodin), aby bylo možné jej zachytit pomocí Playwright do MP4 s rozlišením 1920x1080.
5. Zachyťte jeden snímek na záběr, prohlédněte si ho a opravte vše, co je ploché, aliasingové, oříznuté nebo obtížně čitelné.

Nastavte zkreslení stínů, jinak povrchy získají pruhované akné. Udržujte blízké a vzdálené roviny pevně dané, jinak vzdálené povrchy mihotají. Osette každé náhodné číslo, jinak render nebude odpovídat náhledu.

Popište v pár řádcích charakteristický záběr a seznam záběrů a pak to sestavte, aniž byste se mě na cokoli dalšího ptali. Dejte mi HTML soubor a 20sekundový MP4 soubor pořízený v režimu?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.