3D qauv

Tsim Lub Prompt Motion gallery, rov xav txog dua li qhov chaw 3D ntawm cov video cards ntawm cov phab ntsa nkhaus, ua ib nplooj ntawv HTML uas muaj three.js
Qauv: Lub teeb ci ntsa iab thiab qhov chaw dawb hauv Prompt Motion tus kheej: dub thiab dawb, Geist, ib qho xim txiv kab ntxwv.
Tus kos npe yog qhov rub rov qab qhov twg cov kab ke ntawm cov ntawv daws teeb meem rau hauv cov ntawv PROMPT MOTION pom los ntawm saum toj no. Tsim txhua yam rau nws.
Lub Koob Yees Duab: lub koob yees duab ua yeeb yaj kiab, tsis yog lub koob yees duab tswj lub voj voog. Txhua qhov kev thaij duab siv ib qho kev txav uas muaj npe (dolly, crane, orbit, push-in, rack focus), eased in thiab out, thiab lub koob yees duab yeej tsis hla dhau geometry.
Lub teeb thiab cov ntaub ntawv: lub teeb tseem ceeb, lub teeb puv thiab lub teeb ntug nrog cov duab ntxoov ntxoo mos mos, daim ntawv qhia ib puag ncig rau kev cuam tshuam, pos huab rau qhov tob, cov ntaub ntawv raws li lub cev nrog ntau yam roughness, ACES tone mapping. Tsis muaj dab tsi yuav tsum zoo li cov ntaub ntawv qub.
Kev txav mus los: tej yam teb rau ib leeg (yam uas raug ntaus txav mus los, yam uas nyob ze ci ntsa iab), tsav los ntawm cov caij nplooj ntoos hlav lossis cov physics yooj yim, tsis yog linear tweens.
Txwv tsis pub: cov ntaub ntawv thiab teeb pom kev zoo uas tsis siv lawm, cov ntawv sau uas ntab, ci ntsa iab rau txhua yam, ib yam khoom uas tig qeeb qeeb ua lub tswv yim tag nrho, txhua yam uas zoo li kev ua qauv qhia txog thev naus laus zis.

Cov txhaj tshuaj, kwv yees li peb vib nas this txhua:
1. Macro rau ntawm ntug ntawm ib daim npav hauv lub teeb mos mos, tom qab ntawd teeb tsa qhov tsom mus rau nws cov yeeb yaj kiab ua si (daim ntawv tshaj tawm tiag tiag los ntawm lub xaib). 2. Dolly rov qab: nws yog ib qho ntawm ntau pua daim npav ntawm phab ntsa nkhaus maj mam, txhua daim npav ua si; nthwv dej ntawm lub teeb txiv kab ntxwv khiav raws phab ntsa thiab txhua daim npav tilts me ntsis thaum nws dhau mus. 3. Nqa mus rau saum phab ntsa: tom qab nws, ntau phab ntsa tsim cov kev hauv tsev. 4. Ib daim npav unhinges, viav vias mus rau lub koob yees duab nrog qhov hnyav thiab so; nws cov lus qhia tau luam tawm ntawm nws nraub qaum thiab tsa tawm raws li hom 3D, kab los ntawm kab. 5. Daim duab kos npe: rub deb rov qab thiab nce thaum lub teeb txiv kab ntxwv taug qab O. 6. Nyob rau ntawm wordmark thiab prompt-motion.com.

1. Ib daim ntawv HTML, three.js los ntawm CDN, tsis muaj kauj ruam tsim. Qauv txhua yam hauv code; tsis muaj cov qauv rub tawm, thiab tsis muaj cov qauv tsuas yog lub xaib cov yeeb yaj kiab tshaj tawm rau cov ntawv xwb.
2. Siv MeshPhysicalMaterial, ib qho chaw PMREM los ntawm RoomEnvironment, cov duab ntxoov ntxoo mos mos, ACES tone mapping thiab antialiasing. Ntxiv qhov tob ntawm daim teb tsuas yog rau cov duab uas xav tau nws.
3. Tuav 60fps ntawm lub laptop.
4. Ntxiv ib hom "render" uas txhua lub thav duab raug suav los ntawm lub sijhawm (seeded randomness, tsis muaj moos), yog li nws tuaj yeem raug ntes nrog Playwright rau hauv MP4 ntawm 1920x1080.
5. Thaij ib daim duab rau ib daim duab, saib nws, thiab kho txhua yam uas tiaj tus, tsis zoo li qub, txiav lossis nyuaj nyeem.

Teem qhov ntxoov ntxoo kom sib txawv, lossis cov nto yuav muaj pob txuv kab txaij. Khaws cov dav hlau ze thiab deb kom nruj, lossis cov nto deb yuav ci ntsa iab. Muab txhua tus lej random, lossis cov duab yuav tsis phim qhov saib ua ntej.

Piav qhia txog daim duab kos npe thiab daim ntawv teev cov duab hauv ob peb kab, tom qab ntawd tsim nws yam tsis nug kuv lwm yam. Muab cov ntaub ntawv HTML thiab 20-thib ob MP4 uas tau ntes nrog hom?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.