Teamplaid 3D

Tog gailearaidh Prompt Motion, air ath-dhealbhadh mar àite 3D de chairtean bhidio air ballachan lùbte, mar aon duilleag HTML fèin-chumanta le three.js.
Stoidhle: solas an latha bog agus àite geal ann an Prompt Motion fhèin: dubh is geal, Geist, aon stràc orains.
Is e an tarraing air ais far a bheil trannsaichean nan cairtean a’ fuasgladh gu bhith nan litrichean PROMPT MOTION air fhaicinn bho shuas an dealbh-sònrachaidh. Tog a h-uile càil a dh’ionnsaigh sin.
Camara: camara film, chan e smachdan orbit. Bidh gach sealladh a’ cleachdadh aon ghluasad ainmichte (dollaidh, crann, orbit, putadh a-steach, fòcas raca), air a shìneadh a-steach agus a-mach gu socair, agus cha tèid a’ chamara tro geoimeatraidh a-riamh.
Solas agus stuthan: prìomh sholas, solas lìonaidh is oir le faileasan bog, mapa àrainneachd airson meòrachadh, ceò airson doimhneachd, stuthan stèidhichte gu fiosaigeach le garbh-chruth eadar-dhealaichte, mapadh tòna ACES. Cha bu chòir dad a bhith coltach ri stuth bunaiteach.
Gluasad: bidh rudan a' freagairt ri chèile (bidh na thèid a bhualadh a' gluasad, bidh na tha faisg air a' lasadh suas), air an stiùireadh le fuarain no fiosaig shìmplidh, cha bhith iad a-riamh nan tweens loidhneach.
Air a thoirmeasg: stuthan is solais bunaiteach, bileagan teacsa fleòdraidh, deàrrsadh air a h-uile càil, nì a tha a’ snìomh gu slaodach mar a’ bheachd gu lèir, rud sam bith a tha coltach ri taisbeanadh teicneòlais.

Seallaidhean, mu thrì diogan gach fear:
1. Macro air oir aon chairt ann an solas bog, an uairsin cuir am fòcas air a bhidio cluiche (fìor phostair bhon làrach). 2. Druim na dola: 's e aon de cheudan chairtean air balla lùbte gu socair a th' ann, uile a' cluich; tha tonn de sholas orains a' ruith air feadh a' bhalla agus tha gach cairt a' lùbadh beagan fhad 's a tha i a' dol seachad. 3. Tog suas is thairis air a' bhalla: air a chùlaibh, tha barrachd bhallachan a' cruthachadh trannsaichean. 4. Bidh aon chairt a' dì-lùbadh, a' luasgadh a dh'ionnsaigh a' chamara le cuideam agus a' socrachadh; tha a bhrosnachadh clò-bhuailte air a dhruim agus ag èirigh dheth mar sheòrsa 3D, loidhne air loidhne. 5. An dealbh ainm-sgrìobhte: tarraing fada air ais is suas fhad 's a tha an solas orains a' leantainn an O. 6. Socraich air a' chomharra-fhacal agus prompt-motion.com.

1. Aon fhaidhle HTML, three.js bho CDN, gun cheum togail. Modail a h-uile càil ann an còd; gun mhodalan air an luchdachadh sìos, agus gun inneach ach a-mhàin postairean bhidio an làraich fhèin airson nan cairtean.
2. Cleachd MeshPhysicalMaterial, àrainneachd PMREM bho RoomEnvironment, faileasan bog, mapadh tòna ACES agus antialiasing. Cuir doimhneachd achaidh ris a-mhàin air dealbhan a dh’ fheumas e.
3. Cùm 60fps air laptop.
4. Cuir modh?render ris far a bheilear a’ tomhas gach frèam bho àm (riaghailteach air a chur ri chèile, gun chloc), gus an gabh a ghlacadh le Playwright gu MP4 aig 1920x1080.
5. Glac aon fhrèam gach dealbh, thoir sùil air, agus ceartaich rud sam bith rèidh, le aliasing, bearradh no duilich a leughadh.

Suidhich claonadh sgàil, air neo gheibh uachdaran acne stiallach. Cùm plèanaichean faisg is fad às teann, air neo priobadh uachdaran fad às. Cuir sìol air gach àireamh air thuaiream, air neo cha bhi an riochdachadh a’ freagairt ris an ro-shealladh.

Thoir cunntas air an dealbh-sònrachaidh agus an liosta dhealbhan ann am beagan loidhnichean, agus an uairsin tog e gun dad sam bith eile iarraidh orm. Thoir dhomh am faidhle HTML agus MP4 20-diog a chaidh a ghlacadh leis a’ mhodh?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.