3D-шаблон

Стварыце галерэя Prompt Motion, пераасэнсаваная як трохмерная прастора відэакарт на выгнутых сценах, як адну самадастатковую HTML старонку з дапамогай three.js.
Стыль: Мяккае дзённае святло і белая прастора ў творы Prompt Motion: чорна-белае, Geist, адзін аранжавы акцэнт.
Фірмовы здымак — адступ, дзе калідоры карт ператвараюцца ў літары PROMPT MOTION, якія бачныя зверху. Усё трэба рабіць паводле яго.
Камера: плёнкавая камера, а не элементы кіравання арбітай. Кожны кадр выкарыстоўвае адзін названы рух (каляска, кран, арбіта, усталёўка, факусоўка на рэйцы), паступовае ўваходжанне і вываходжанне, і камера ніколі не праходзіць праз геаметрыю.
Святло і матэрыялы: ключавое, запаўняльнае і абрамляльнае святло з мяккімі ценямі, карта асяроддзя для адлюстраванняў, туман для глыбіні, фізічна абгрунтаваныя матэрыялы з рознай шурпатасцю, танальная картаграфія ACES. Нішто не павінна выглядаць як матэрыял па змаўчанні.
Рух: рэчы рэагуюць адно на адно (тое, што ўдарылі, рухаецца, тое, што побач, загараецца), рухаюцца спружынамі або простай фізікай, ніколі не лінейныя падлеткі.
Забаронена: стандартныя матэрыялы і асвятленне, плаваючыя тэкставыя надпісы, свячэнне ўсяго, павольна круцячыся аб'ект як асноўная ідэя, усё, што выглядае як тэхналагічная дэманстрацыя.

Кадры, прыкладна па тры секунды кожны:
1. Макраздымак краю адной карты ў мяккім святле, затым фокус на відэа з яе прайграваннем (сапраўдны постэр з сайта). 2. Адваротны бок карты: гэта адна з сотняў картак на мякка выгнутай сцяне, усе яны гуляюць; хваля аранжавага святла прабягае ўздоўж сцяны, і кожная карта злёгку нахіляецца, праходзячы міма. 3. Падніміце кран уверх і пералезце праз сцяну: за ёй іншыя сцены ўтвараюць калідоры. 4. Адна карта адрываецца ад шарніраў, пад цяжарам хістаецца да камеры і апускаецца; яе падказка друкуецца на яе адваротным баку і падымаецца ў выглядзе 3D-шрыфта, радок за радком. 5. Фірмовы здымак: адвядзіце карту далёка назад і ўверх, пакуль аранжавае святло адлюстроўвае О. 6. Вызначцеся са словам і prompt-motion.com.

1. Адзін HTML файл, three.js з CDN, без этапу зборкі. Мадэлюйце ўсё ў кодзе; ніякіх загружаных мадэляў і ніякіх тэкстур, акрамя ўласных відэапостэраў сайта для картак.
2. Выкарыстоўвайце MeshPhysicalMaterial, асяроддзе PMREM ад RoomEnvironment, мяккія цені, танальную мапінгу ACES і згладжванне. Дадавайце глыбіню рэзкасці толькі на тых кадрах, дзе гэта неабходна.
3. Трымайце 60 кадраў у секунду на ноўтбуку.
4. Дадайце рэжым рэндэрынгу, у якім кожны кадр вылічваецца з часу (выпадковасць пасеву, без тактавага сігналу), каб яго можна было запісаць з дапамогай Playwright у MP4 з памерам 1920x1080.
5. Здымайце па адным кадры на кадр, праглядзіце яго і выпраўце ўсё, што з'яўляецца плоскім, згладжаным, абрэзаным або цяжкачытальным.

Усталюйце зрушэнне ценяў, інакш паверхні будуць мець паласатыя вугры. Трымайце блізкія і далёкія плоскасці шчыльнымі, інакш далёкія паверхні мігцяць. Запаўняйце кожны выпадковы лік, інакш рэндэрынг не будзе адпавядаць папярэдняму прагляду.

Апішыце фірмовы кадр і спіс кадраў у некалькіх радках, а затым стварыце яго, не пытаючыся ў мяне нічога больш. Дайце мне HTML файл і 20-секундны MP4 зняты ў рэжыме?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.