3D ٽيمپليٽ

Prompt Motion گيلري، جيڪا وکر ڀتين تي وڊيو ڪارڊن جي 3D جاءِ جي طور تي ٻيهر تصور ڪئي وئي آهي، کي three.js سان هڪ خود ساخته HTML صفحي جي طور تي ٺاهيو.
انداز: Prompt Motion جي پنهنجي انداز ۾ نرم ڏينهن جي روشني ۽ اڇو خلا: ڪارو ۽ اڇو، Geist ، هڪ نارنگي تلفظ.
دستخط شاٽ پوئتي ڇڪڻ جتي ڪارڊن جا ڪوريڊور مٿي کان نظر ايندڙ PROMPT MOTION اکرن ۾ حل ٿين ٿا. آهي. ان ڏانهن سڀ ڪجهه ٺاهيو.
ڪئميرا: هڪ فلم ڪئميرا، مدار ڪنٽرول نه. هر شاٽ هڪ نالي واري حرڪت (ڊولي، ڪرين، مدار، پش-ان، ريڪ فوڪس) استعمال ڪندو آهي، اندر ۽ ٻاهر آسان، ۽ ڪئميرا ڪڏهن به جاميٽري مان نه گذرندو آهي.
روشني ۽ مواد: هڪ چاٻي، نرم پاڇن سان گڏ فل ۽ رِم لائيٽ، عڪاسي لاءِ ماحول جو نقشو، کوٽائي لاءِ ڪوهيڙو، مختلف قسم جي خرابي سان جسماني طور تي ٻڌل مواد، ACES ٽون ميپنگ. ڪجھ به ڊفالٽ مواد وانگر نه ڏسڻ گهرجي.
حرڪت: شيون هڪ ٻئي سان رد عمل ظاهر ڪن ٿيون (ڇا متاثر ٿيو آهي، حرڪتون، ڇا روشنيءَ جي ويجهو آهي)، چشمن يا سادي فزڪس ذريعي هلائي وينديون آهن، ڪڏهن به لڪير ٽوئنز نه.
منع ٿيل: ڊفالٽ مواد ۽ روشني، سچل ٽيڪسٽ ليبل، هر شيءِ تي چمڪ، هڪ آهستي آهستي گھمندڙ شيءِ پوري خيال جي طور تي، ڪا به شيءِ جيڪا ٽيڪ ڊيمو وانگر نظر اچي ٿي.

شاٽ، لڳ ڀڳ ٽي سيڪنڊ هر هڪ:
1. نرم روشني ۾ هڪ ڪارڊ جي ڪناري تي ميڪرو، پوءِ ان جي راند جي وڊيو تي ڌيان ڏيو (سائيٽ تان هڪ حقيقي پوسٽر). 2. ڊولي پوئتي: اهو هڪ نرمي سان وکر واري ڀت تي سوين ڪارڊن مان هڪ آهي، سڀ راند ڪري رهيا آهن؛ نارنگي روشني جي هڪ لهر ڀت سان گڏ هلندي آهي ۽ هر ڪارڊ ٿورو جھڪي ٿو جيئن اهو گذري ٿو. 3. ڀت جي مٿان ۽ مٿي ڪرين: ان جي پويان، وڌيڪ ڀتيون ڪوريڊور ٺاهينديون آهن. 4. هڪ ڪارڊ لٽڪيل آهي، وزن سان ڪئميرا ڏانهن جھولندو آهي ۽ آباد ٿئي ٿو؛ ان جو پرامپٽ ان جي پٺي تي ڇپيل آهي ۽ 3D قسم جي طور تي لفٽ ڪري ٿو، لائن ذريعي لائن. 5. دستخط شاٽ: گهڻو پوئتي ۽ مٿي ڇڪيو جڏهن ته نارنگي روشني O کي نشانو بڻائي ٿي. 6. ورڊ مارڪ ۽ پرامپٽ-موشن ڊاٽ ڪام تي آباد ٿيو.

1. هڪ HTML فائل، هڪ CDN مان three.js ، ڪو به تعمير قدم ناهي. ڪوڊ ۾ هر شيءِ کي ماڊل ڪريو؛ ڪو به ڊائون لوڊ ٿيل ماڊل ناهي، ۽ ڪارڊن لاءِ سائيٽ جي پنهنجي وڊيو پوسٽرن کان سواءِ ڪا به بناوت ناهي.
2. MeshPhysicalMaterial، RoomEnvironment مان هڪ PMREM ماحول، نرم ڇانو، ACES ٽون ميپنگ ۽ اينٽي الياسنگ استعمال ڪريو. صرف انهن شاٽس تي فيلڊ جي کوٽائي شامل ڪريو جن کي ان جي ضرورت آهي.
3. ليپ ٽاپ تي 60fps رکو.
4. هڪ?رينڊر موڊ شامل ڪريو جتي هر فريم کي وقت کان ڳڻپيو ويندو آهي (سيڊڊ بي ترتيبي، ڪابه ڪلاڪ ناهي)، ته جيئن ان کي Playwright سان MP4 ۾ 1920x1080 تي ڪيپچر ڪري سگهجي.
5. هر شاٽ ۾ هڪ فريم وٺو، ان کي ڏسو، ۽ ڪنهن به فليٽ، عرفي، ڪلپنگ يا پڙهڻ ۾ مشڪل شيءِ کي درست ڪريو.

پاڇو تعصب قائم ڪريو، يا مٿاڇري تي پٽي وارا داڻا ٿي ويندا. ويجهو ۽ پري پلن کي تنگ رکو، يا پري مٿاڇري کي ٽمٽار ڪريو. هر بي ترتيب نمبر کي سيڊ ڪريو، يا رينڊر پريويو سان نه ملندو.

دستخط شاٽ ۽ شاٽ لسٽ کي ڪجھ لائينن ۾ بيان ڪريو، پوءِ مون کان ٻيو ڪجهه پڇڻ کان سواءِ ان کي ٺاهيو. مون کي HTML فائل ۽?رينڊر موڊ سان قبضو ڪيل 20 سيڪنڊن جو MP4 ڏيو.

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.