Tauira 3D
He tauira mō ngā tohutoro whakapai ake mō ngā ataata 3D wā-tūturu mā te whakamahi i three.js. Whirihorahia mō te taiwhanga Prompt Motion —whakauruhia tō ake kōrero.
Whakatairanga Whakapai ake
Hangaia te taiwhanga Prompt Motion, i hangaia anō hei wāhi 3D o ngā kāri ataata i runga i ngā pakitara piko, hei whārangi HTML kotahi me three.js. Kāhua: te mārama ngawari o te awatea me te wāhi mā i roto i Prompt Motion ake: pango me te mā, Geist, kotahi te tae karaka. Ko te whakaahua waitohu ko te huti whakamuri i te wāhi e tau ai ngā ara o ngā kāri ki ngā reta PROMPT MOTION e tirohia ana mai i runga. Hangaia ngā mea katoa kia rite ki tēnā. Kāmera: he kāmera kiriata, ehara i te mea he mana whakahaere porowhita. Kotahi te nekehanga kua whakahuatia i roto i ia whakaahua (dolly, crane, porowhita, push-in, rack focus), ka ngāwari te uru me te puta, ā, kāore te kāmera e whiti i te āhuahanga. Mārama me ngā rauemi: he mārama matua, he mārama whakakī me te awhi ki ngā atarangi ngawari, he mahere taiao mō ngā whakaata, he kohu mō te hohonu, ngā rauemi ā-tinana me ngā momo taratara, he mahere oro ACES. Kaua tetahi mea e rite ki tētahi rauemi taunoa. Nekehanga: ka tauhohe ngā mea tetahi ki tetahi (ka neke te mea e pā ana, ka tiaho te mea e tata ana), e peia ana e ngā puna, e ngā ahupūngao māmā rānei, ehara i te mea ko ngā taiohi rārangi. Kua āraia: ngā rauemi me ngā rama taunoa, ngā tapanga tuhinga e mānu ana, e tiaho ana i ngā mea katoa, he mea e pōturi ana te hurihuri hei ariā katoa, tetahi mea e rite ana ki te whakaaturanga hangarau. Ngā pupuhi, tata ki te toru hēkona ia pupuhi: 1. Tāia te makro ki te taha o tētahi kāri i roto i te mārama ngawari, kātahi ka arotahi ki te ataata e purei ana (he pānui tūturu nō te pae tukutuku). 2. Tua o te kāreti: ko tētahi o ngā rau kāri i runga i tētahi pakitara piko mārire, e purei katoa ana; ka rere te ngaru o te mārama karaka i te pakitara, ā, ka piko paku ia kāri i a ia e haere ana. 3. Piki ake, piki ake i te pakitara: i muri iho, ka hangaia he ara e ētahi atu pakitara. 4. Ka wetekina tētahi kāri, ka piu ki te kāmera me te taumaha ka tau; ka tāia tōna tohu ki tōna tuara ka hiki ake hei momo 3D, rārangi i te rārangi. 5. Te whakaahua waitohu: tōia whakamuri, whakarunga hoki i te mea e whai ana te mārama karaka i te O. 6. Whakatauhia te tohu kupu me te prompt-motion.com. 1. Kotahi te kōnae HTML, three.js mai i te CDN, kāore he taahiraa hanga. Tauirahia ngā mea katoa i roto i te waehere; kāore he tauira kua tikiakehia, ā, kāore he kakano engari ko ngā pānui ataata ake a te pae mō ngā kāri. 2. Whakamahia te MeshPhysicalMaterial, he taiao PMREM mai i RoomEnvironment, ngā atarangi ngohengohe, te mahere oro ACES me te antialiasing. Tāpirihia te hohonutanga o te mara ki ngā whakaahua e hiahiatia ana. 3. Puritia te 60fps i runga i te pona. 4. Tāpirihia he aratau?whakaputa e tatauhia ai ia anga mai i te wā (te whakatō matapōkere, kāore he karaka), kia taea ai te hopu mā Playwright ki roto i te MP4 i 1920x1080. 5. Hopukia kia kotahi te anga mō ia whakaahua, tirohia, ka whakatikahia tetahi mea papatahi, tetahi mea kua tāpirihia he ingoa kē, he mea tapahi, he mea uaua rānei ki te pānui. Whakatakotoria te atarangi whakarara, ki te kore ka puta he hakihaki rārangi ki ngā mata. Kia piri tonu ngā papa tata me ngā papa tawhiti, ki te kore ka kimokimo ngā mata tawhiti. Tāpirihia ngā tau matapōkere katoa, ki te kore, kāore te whakaaturanga e ōrite ki te arokite. Whakaahuahia te whakaahua waitohu me te rārangi whakaahua i roto i ētahi rārangi torutoru, kātahi ka hanga, me te kore e pātai mai ki ahau i tētahi atu mea. Homai te kōnae HTML me te MP4 20-hēkona i hopukina ki te aratau?whakaahua.
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.
Hua pai rawa atu: Claude Opus 5.5 me te taumata whakapau kaha rawa atu. Tauira nā Prompt Motion; ataata: whakarewatanga me te kore whakatika.
Hangaia he ataata pēnei
Hangaia ngā ataata pēnei māu ake—e whitu ngā wā te iti ake o te utu i te API—me tā mātou toronga Google Chrome.. Ka mahi tahi me Claude mā MCP: māu e whakaahua te mahi, ā, mā te toronga e whakahaere te tukanga whakaputa mai i te tohu ki te kōnae kua oti. Ka whakaputa ataata, ka huihui, ka reo, ka whakamāori.





Automation — MCP для Google Flow, Google Vids и Claude
TikTok Symphony Creative Studio MCP Claude Code
SeedFlow — Seedance 2.5 в Dreamina, Qwen-Audio-3.1-TTS и Claude MCP