3D šablonas

Sukurkite Prompt Motion galerija, perkurta kaip trimatė vaizdo plokščių erdvė ant lenktų sienų, kaip vieną savarankišką HTML puslapį naudodami three.js.
Stilius: švelni dienos šviesa ir balta erdvė Prompt Motion “ gamyboje: juoda ir balta, Geist ir vienas oranžinis akcentas.
Firminis kadras yra atitraukimas, kur kortų koridoriai virsta raidėmis PROMPT MOTION, matomomis iš viršaus. Kurkite viską pagal jį.
Kamera: juostinė kamera, o ne orbitos valdikliai. Kiekviename kadre naudojamas vienas pavadintas judesys (vežimas, kranas, orbita, įstūmimas, stovo fokusavimas), kuris palaipsniui įjungiamas ir išjungiamas, ir kamera niekada neperžengia geometrijos ribų.
Šviesa ir medžiagos: toninė, užpildanti ir kraštinė šviesa su švelniais šešėliais, aplinkos žemėlapis atspindžiams, rūkas gyliui, fiziškai pagrįstos medžiagos su įvairiu šiurkštumu, ACES tonų žemėlapiai. Niekas neturėtų atrodyti kaip numatytoji medžiaga.
Judesys: daiktai reaguoja vienas į kitą (kas pataikoma, juda, kas šalia, šviečia), juos valdo spyruoklės arba paprasta fizika, niekada nebūna tiesinių paauglių judesių.
Draudžiama: numatytosios medžiagos ir apšvietimas, plaukiojančios tekstinės etiketės, šviečiantys paviršiai, lėtai besisukantis objektas kaip visa idėja, viskas, kas atrodo kaip technologinė demonstracija.

Šūviai, maždaug po tris sekundes:
1. Makrofotografija ant vienos kortos krašto švelnioje šviesoje, tada sufokusuokite vaizdą į jos vaizdo įrašą (tikras plakatas iš svetainės). 2. Lėlės nugara: tai viena iš šimtų kortų ant švelniai išlenktos sienos, visos žaidžiamos; oranžinės šviesos banga skrieja siena, ir kiekviena korta šiek tiek pakrypsta praeidama pro šalį. 3. Pasilenk ir perlipk per sieną: už jos daugiau sienų sudaro koridorius. 4. Viena korta atsipalaidavusi, svorio veikiama pasisuka link kameros ir nusėda; jos užrašas atspausdintas ant nugaros ir pakyla kaip 3D šriftas, eilutė po eilutės. 5. Firminis kadras: atitraukite ir pakelkite, kol oranžinė šviesa brėžia O raidę. 6. Apsilankykite užraše ir prompt-motion.com.

1. Vienas HTML failas, three.js iš CDN, jokių kūrimo veiksmų. Viską sumodeliuokite kode; jokių atsisiųstų modelių ir jokių tekstūrų, išskyrus pačios svetainės vaizdo įrašų plakatus kortelėms.
2. Naudokite „MeshPhysicalMaterial“, PMREM aplinką iš „RoomEnvironment“, švelnius šešėlius, ACES tonų žemėlapių sudarymą ir antialiasing. Pridėkite lauko gylį tik tuose kadruose, kuriems to reikia.
3. Nešiojamame kompiuteryje palaikykite 60 kadrų per sekundę greitį.
4. Pridėkite „render“ režimą, kuriame kiekvienas kadras apskaičiuojamas pagal laiką (atsitiktinumas su sėle, be laikrodžio), kad jį būtų galima užfiksuoti naudojant Playwright į MP4 formatą 1920x1080.
5. Užfiksuokite po vieną kadrą kiekvienam kadrui, pažiūrėkite į jį ir pataisykite viską, kas yra plokščia, sulinkę, iškirpta ar sunkiai įskaitoma.

Nustatykite šešėlių poslinkį, antraip paviršiai taps dryžuoti. Glaudžiai paskirstykite artimas ir tolimas plokštumas, antraip tolimi paviršiai mirgės. Įveskite kiekvieną atsitiktinį skaičių, antraip vaizdas neatitiks peržiūros.

Aprašykite pagrindinį kadrą ir kadrų sąrašą keliomis eilutėmis, tada sukurkite jį nieko daugiau neklausdami. Pateikite man HTML failą ir 20 sekundžių MP4 vaizdo įrašą, užfiksuotą naudojant „render“ režimą.

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.