Samfurin 3D

Gina Gidan Prompt Motion, wanda aka sake tsara shi azaman sararin 3D na katunan bidiyo akan bango mai lanƙwasa, a matsayin shafi ɗaya HTML mai zaman kansa tare da three.js.
Salo: Hasken rana mai laushi da sarari fari a cikin Prompt Motion nasa: baƙi da fari, Geist, lafazin orange ɗaya.
Hoton sa hannu shine ja da baya inda hanyoyin katunan suka shiga cikin haruffan MOTION na gaggawa da aka gani daga sama. Gina komai zuwa gare shi.
Kyamara: kyamarar fim, ba ta sarrafa kewayawa ba. Kowace hoto tana amfani da motsi ɗaya mai suna (dolly, crane, orbit, press-in, rack focus), wanda aka sassauta shi zuwa ciki da waje, kuma kyamarar ba ta taɓa wucewa ta cikin yanayin lissafi ba.
Haske da kayan aiki: maɓalli, haske mai cikewa da kuma haske mai launi tare da inuwa mai laushi, taswirar muhalli don tunani, hazo don zurfi, kayan da aka yi da jiki tare da rashin ƙarfi daban-daban, taswirar sautin ACES. Babu abin da ya kamata ya yi kama da kayan da aka saba da su.
Motsi: abubuwa suna amsawa ga juna (abin da ya faru yana motsawa, abin da ke kusa da haskakawa), wanda maɓuɓɓugan ruwa ko kimiyyar lissafi mai sauƙi ke motsawa, ba sa taɓa yin layi ba.
An haramta: kayan aiki na asali da haske, lakabin rubutu masu iyo, suna haskaka komai, abu mai juyawa a hankali a matsayin ra'ayin gabaɗaya, duk wani abu da yayi kama da gwajin fasaha.

Harbi, kimanin daƙiƙa uku kowanne:
1. Macro a gefen kati ɗaya a cikin haske mai laushi, sannan a mayar da hankali kan rack ɗin da ke kunnawa (fosta ta gaske daga shafin). 2. Dolly back: yana ɗaya daga cikin ɗaruruwan katunan da ke kan bango mai lanƙwasa a hankali, duk suna wasa; raƙuman haske mai launin lemu suna gudana tare da bango kuma kowane kati yana karkata kaɗan yayin da yake wucewa. 3. Yi kaɗa sama da saman bango: a bayansa, ƙarin bango suna samar da hanyoyin shiga. 4. Kati ɗaya yana cirewa, yana juyawa zuwa ga kyamara da nauyi kuma yana kwance; an buga tambayarsa a bayansa kuma yana ɗagawa kamar nau'in 3D, layi-layi. 5. Hoton sa hannu: ja baya da baya sama yayin da hasken lemu ke bin O. 6. Yi zamanka akan alamar wordmark da prompt-motion.com.

1. Fayil ɗin HTML guda ɗaya, three.js daga CDN, babu matakin ginawa. Yi koyi da komai a cikin lambar; babu samfuran da aka sauke, kuma babu rubutu sai fastocin bidiyo na shafin don katunan.
2. Yi amfani da MeshPhysicalMaterial, yanayin PMREM daga RoomEnvironment, inuwa mai laushi, taswirar sautin ACES da hana alliation. Ƙara zurfin filin kawai akan hotunan da ke buƙatar sa.
3. Riƙe 60fps a kwamfutar tafi-da-gidanka.
4. Ƙara yanayin?render inda ake ƙididdige kowane firam daga lokaci (bazuwar iri, babu agogo), don haka za a iya ɗaukarsa tare da Playwright cikin MP4 a 1920x1080.
5. Ɗauki firam ɗaya a kowane hoto, ka duba shi, sannan ka gyara duk wani abu mai faɗi, wanda aka yi masa laƙabi da shi, ko wanda aka yanke ko kuma wanda yake da wahalar karantawa.

Saita inuwa mai karkata, ko kuma saman ya sami kuraje masu ratsi. A riƙe saman da ke kusa da nesa a matse, ko kuma saman da ke nesa ya yi walƙiya. A saka kowace lamba bazuwar, ko kuma hoton ba zai yi daidai da samfoti ba.

Bayyana hoton sa hannu da jerin hotunan a cikin layuka kaɗan, sannan a gina shi ba tare da tambayar ni wani abu ba. Ba ni fayil ɗin HTML da MP4 na daƙiƙa 20 da aka ɗauka tare da yanayin?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.