3D-sjabloon

Bou die Prompt Motion galery, herontwerp as 'n 3D-ruimte van videokaarte op geboë mure, as een selfstandige HTML bladsy met three.js.
Styl: sagte daglig en wit ruimte in Prompt Motion se eie: swart en wit, Geist, een oranje aksent.
Die kenmerkende skoot is die terugtrekking waar die gange van kaarte in die letters PROMPT MOTION van bo af gesien word, oplos. Bou alles daarop.
Kamera: 'n filmkamera, nie wentelbaankontroles nie. Elke skoot gebruik een benoemde beweging (dolly, kraan, wentelbaan, instoot, rekfokus), in- en uitskuifbaar, en die kamera gaan nooit deur geometrie nie.
Lig en materiale: 'n sleutel-, vul- en randlig met sagte skaduwees, 'n omgewingskaart vir weerkaatsings, mis vir diepte, fisies gebaseerde materiale met gevarieerde ruheid, ACES -toonkartering. Niks moet soos 'n standaardmateriaal lyk nie.
Beweging: dinge reageer op mekaar (wat getref word, beweeg, wat naby is, lig op), aangedryf deur vere of eenvoudige fisika, nooit lineêre tweens nie.
Verbode: standaardmateriale en beligting, swewende teksetikette, gloei op alles, 'n stadig draaiende voorwerp as die hele idee, enigiets wat soos 'n tegnologie-demo lyk.

Skote, omtrent drie sekondes elk:
1. Makro op die rand van een kaart in sagte lig, en fokus dan op die speelvideo (’n regte plakkaat van die webwerf). 2. Terug op die oprolstok: dis een van honderde kaarte op ’n liggies geboë muur, almal speel; ’n golf oranje lig loop langs die muur en elke kaart kantel effens soos dit verbygaan. 3. Hys op en oor die muur: daaragter vorm meer mure gange. 4. Een kaart kom los, swaai met gewig na die kamera toe en sak neer; die prompt is op die agterkant gedruk en lig af as 3D-tipe, reël vir reël. 5. Die kenmerkende skoot: trek ver terug en op terwyl die oranje lig die O volg. 6. Kies die woordmerk en prompt-motion.com.

1. Een HTML lêer, three.js vanaf 'n CDN, geen boustap nie. Modelleer alles in kode; geen afgelaaide modelle nie, en geen teksture behalwe die webwerf se eie videoplakkate vir die kaarte nie.
2. Gebruik MeshPhysicalMaterial, 'n PMREM-omgewing van RoomEnvironment, sagte skaduwees, ACES -toonkartering en antialiasing. Voeg slegs diepte van veld by skote wat dit benodig.
3. Hou 60fps op 'n skootrekenaar.
4. Voeg 'n?render-modus by waar elke raam vanaf tyd bereken word (gesaaide willekeurigheid, geen klok nie), sodat dit met Playwright in 'n MP4 vasgelê kan word teen 1920x1080.
5. Neem een raam per skoot, kyk daarna en maak enigiets plat, met alias, knipende of moeilik leesbaar reg.

Stel skadu-vooroordeel, anders kry oppervlaktes gestreepte aknee. Hou nabye en verre vlakke styf, anders flikker verre oppervlaktes. Saai elke ewekansige getal, anders sal die weergawe nie met die voorskou ooreenstem nie.

Beskryf die kenmerkende skoot en die skootlys in 'n paar reëls, en bou dit dan sonder om my enigiets anders te vra. Gee my die HTML lêer en 'n 20-sekonde MP4 wat met die?render-modus vasgelê is.

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.