3D מוסטער

בויען די Prompt Motion גאַלעריע, ווידער-געמאַכט ווי אַ 3D פּלאַץ פון ווידעאָ קאַרטלעך אויף געבויגענע ווענט, ווי איין זעלבסטשטענדיקע HTML בלאַט מיט three.js.
סטיל: ווייכע טאָגליכט און ווייסע פּלאַץ אין Prompt Motion אייגענע: שוואַרץ און ווייס, Geist, איין אָראַנדזשע אַקצענט.
דער אונטערשריפט שאָט איז דער צוריקצוג וואו די קארידארן פון קארטן פארשווינדן אין די אותיות פראמפט באוועגונג געזען פון אויבן. בויט אַלץ צו אים.
קאַמעראַ: אַ פֿילם קאַמעראַ, נישט אָרביט קאָנטראָלס. יעדער שאָס ניצט איין גערופֿן באַוועגונג (דאָללי, קראַן, אָרביט, פּוש-אין, ראַק פֿאָקוס), אַרײַן און אַרויס, און די קאַמעראַ גייט קיינמאָל נישט דורך געאָמעטריע.
ליכט און מאַטעריאַלן: אַ שליסל, פֿיל און ראַם ליכט מיט ווייכע שאָטנס, אַן סביבה מאַפּע פֿאַר רעפלעקציעס, נעפּל פֿאַר טיפקייט, פיזיש באַזירטע מאַטעריאַלן מיט פֿאַרשיידענע ראַפנאַס, ACES טאָן מאַפּינג. גאָרנישט זאָל אויסזען ווי אַ דיפאָלט מאַטעריאַל.
באַוועגונג: זאכן רעאַגירן איינער אויף דעם אַנדערן (וואָס ווערט געטראָפן באַוועגט זיך, וואָס איז נאָענט לײַכט זיך אויף), געטריבן דורך פֿעדערן אָדער פּשוטע פֿיזיק, קיינמאָל לינעאַרע טווינז.
פארבאטן: דיפאָלט מאַטעריאַלן און לייטינג, שוועבענדיקע טעקסט עטיקעטן, גלאָנצט אויף אַלץ, אַ לאַנגזאַם דרייענדיק אָביעקט ווי די גאַנצע געדאַנק, אַלץ וואָס קוקט ווי אַ טעק דעמאָ.

שאָסן, אַרום דריי סעקונדעס יעדער:
1. מאַקראָ אויף דער ראַנד פֿון איין קאַרטל אין ווייכן ליכט, און דערנאָך פֿאָקוסירן אויף זײַן שפּילנדיקן ווידעאָ (אַן עכטער פּאָסטער פֿון דער וועבזײַט). 2. אויפֿן צוריקזײַט פֿון דער דאָלי: ס'איז איינע פֿון הונדערטער קאַרטלעך אויף אַ לייכט געבויגענער וואַנט, אַלע שפּילן זיך; אַ כוואַליע פֿון אָראַנדזשע ליכט לויפֿט לענגאויס דער וואַנט און יעדע קאַרטל בייגט זיך אַ ביסל ווען זי גייט פֿאַרבײַ. 3. זיך אויפֿהייבן און איבער דער וואַנט: הינטער איר, פֿאָרמען מער ווענט קאָרידאָרן. 4. איין קאַרטל לאָזט זיך אַרויס, שווינגט זיך צו דער קאַמעראַ מיט וואָג און זעצט זיך אָפּ; איר פּראָמפּט איז געדרוקט אויף איר צוריקזײַט און הייבט זיך אָפּ ווי אַ 3D טיפּ, שורה נאָך שורה. 5. דער אונטערשריפֿט שאָט: ציען ווײַט צוריק און אַרויף בשעת די אָראַנדזשע ליכט פֿאַרפֿאָלגט דעם O. 6. זיך זעצן אויף דעם וואָרטצייכן און prompt-motion.com.

1. איין HTML טעקע, three.js פון א CDN, קיין בויען שריט נישט. מאָדעלירן אַלץ אין קאָד; קיין דאַונלאָודיד מאָדעלס נישט, און קיין טעקסטשורז נישט אַחוץ די וועבזייטל'ס אייגענע ווידעא פּאָסטערס פֿאַר די קאַרטלעך.
2. ניצט MeshPhysicalMaterial, א PMREM סביבה פון RoomEnvironment, ווייכע שאָטנס, 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.