3D-ŝablono

Kreu la galerio Prompt Motion, reimagita kiel 3D-spaco de grafikaj kartoj sur kurbaj muroj, kiel unu memstaran HTML paĝon per three.js.
Stilo: mola taglumo kaj blanka spaco en la propra Prompt Motion: nigra kaj blanka, Geist, unu oranĝa akĉento.
La signatura bildo estas la retiriĝo kie la koridoroj de kartoj solviĝas en la literojn PROMPT MOTION viditaj de supre. Konstruu ĉion al ĝi.
Fotilo: filmkamerao, ne orbitokontroliloj. Ĉiu fokuso uzas unu nomitan movon (ĉaro, gruo, orbito, enpuŝo, rakofokuso), malrapide enen kaj eksteren, kaj la fotilo neniam trapasas geometrion.
Lumo kaj materialoj: ŝlosila, pleniga kaj randa lumo kun molaj ombroj, ĉirkaŭa mapo por reflektoj, nebulo por profundo, fizike bazitaj materialoj kun variaj malglataĵoj, ACES -tonmapado. Nenio aspektu kiel defaŭlta materialo.
Movado: objektoj reagas unu al la alia (kio estas trafita moviĝas, kio estas proksime lumiĝas), pelate de risortoj aŭ simpla fiziko, neniam linearaj interpoluoj.
Malpermesitaj: defaŭltaj materialoj kaj lumigado, ŝvebantaj tekstaj etikedoj, briloj sur ĉio, malrapide turniĝanta objekto kiel la tuta ideo, io ajn, kio aspektas kiel teĥnika demonstraĵo.

Pafoj, po ĉirkaŭ tri sekundoj:
1. Makrofotado sur la rando de unu karto en mola lumo, poste fokuso sur ĝia ludanta filmeto (vera afiŝo de la retejo). 2. Ŝanĝo malantaŭen: ĝi estas unu el centoj da kartoj sur milde kurba muro, ĉiuj ludantaj; ondo de oranĝkolora lumo kuras laŭ la muro kaj ĉiu karto iomete kliniĝas dum ĝi preterpasas. 3. Levu la brakojn supren kaj super la muron: malantaŭ ĝi, pli da muroj formas koridorojn. 4. Unu karto malfiksiĝas, svingiĝas al la fotilo kun pezo kaj sidiĝas; ĝia skribo estas presita sur ĝia dorso kaj leviĝas kiel 3D-tipo, linio post linio. 5. La signatura foto: tiru malproksimen malantaŭen kaj supren dum la oranĝkolora lumo spuras la O-on. 6. Elektu la vortmarkon kaj prompt-motion.com.

1. Unu HTML dosiero, three.js el CDN, neniu konstrupaŝo. Modelu ĉion per kodo; neniuj elŝutitaj modeloj, kaj neniuj teksturoj krom la propraj videaj afiŝoj de la retejo por la kartoj.
2. Uzu MeshPhysicalMaterial, PMREM-medion de RoomEnvironment, molajn ombrojn, ACES -tonmapadon kaj kontraŭaliasing. Aldonu kampaprofundon nur ĉe bildoj, kiuj bezonas ĝin.
3. Tenu 60 kadrojn po sekundo sur tekokomputilo.
4. Aldonu?render-reĝimon, kie ĉiu kadro estas kalkulata laŭ tempo (kun semita hazardo, sen horloĝo), por ke ĝi povu esti kaptita per Playwright en MP4 dosieron je 1920x1080.
5. Kaptu unu kadron por ĉiu foto, rigardu ĝin, kaj korektu ĉion ebenan, kaŝitan, eltonditan aŭ malfacile legeblan.

Agordu ombrobiason, aŭ surfacoj akiras striojn. Tenu proksimajn kaj malproksimajn ebenojn densaj, aŭ malproksimaj surfacoj flagras. Semu ĉiun hazardan nombron, aŭ la bildigo ne kongruos kun la antaŭvido.

Priskribu la signaturan foton kaj la liston de fotoj en kelkaj linioj, poste konstruu ĝin sen demandi min ion alian. Donu al mi la HTML dosieron kaj 20-sekundan MP4 kaptitan per la?render-reĝimo.

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.