Fa'ata'ita'iga 3D
O se faʻataʻitaʻiga mo faʻamatalaga faʻaleleia mo vitio 3D i le taimi moni e faʻaaogaina ai three.js. Faʻatulagaina mo le ata o Prompt Motion —faʻaofi lau lava tala.
Fa'aleleia atili o le Fa'atonuga
Fausia le falemata'aga Prompt Motion, ua toe mafaufauina o se avanoa 3D o kata vitio i luga o puipui pi'o, o se itulau HTML e tasi e tuto'atasi ma three.js. Faiga: malamalama malu ma le avanoa pa'epa'e i Prompt Motion lava ia: uliuli ma le pa'epa'e, Geist, tasi le fa'aleoga moli. O le ata saini o le o le toso i tua lea e fa'asolo ai ala o kata i mata'itusi PROMPT MOTION vaaia mai luga. Fausia mea uma agai i ai. Meapueata: o se meapueata tifaga, ae le o ni mea e pulea ai le faataamilosaga. O ata uma e faʻaaogaina ai le tasi gaioiga ua faaigoaina (dolly, crane, orbit, push-in, rack focus), faigofie ona ulufale ma fafo, ma e le pasia lava e le meapueata le geometry. Moli ma meafaitino: o se ki, fa'atumu ma fa'avasega le moli i ni ata malu, o se fa'afanua o le siosiomaga mo ata, puao mo le loloto, meafaitino e fa'avae i luga o le tino ma le ma'a'a eseese, fa'afanua o leo ACES. E leai se mea e tatau ona foliga mai o se meafaitino masani. Gaioiga: e tali atu mea le tasi i le isi (o le mea e pa'i i ai e gaoioi, o le mea e lata ane e moli), e fa'aosofia e springs po'o le fisiki faigofie, ae le o ni tweens linear. Ua fa'asa: meafaitino ma moli masani, fa'ailoga tusitusiga opeopea, pupula i mea uma, o se mea e vili malie e pei o le manatu atoa, so'o se mea e foliga mai o se fa'ata'ita'iga fa'atekonolosi. Ata, pe tusa ma le tolu sekone i le ata: 1. Fa'apipi'i le macro i le pito o le tasi kata i le malamalama vaivai, ona fa'apipi'i lea o le fata i lana vitio o lo'o ta'alo (o se pepa fa'asalalau moni mai le 'upega tafa'ilagi). 2. Tua o Dolly: o se tasi o le faitau selau o kata i luga o se puipui e pi'o mālie, o lo'o ta'alo uma; o se galu o le malamalama moli e tamo'e i luga o le puipui ma o kata ta'itasi e fa'api'o teisi pe a pasia. 3. Fa'aoso i luga ma luga o le puipui: i tua atu, o isi puipui e fausia ai ni auala. 4. E alu ese le tasi kata, fa'ase'e agai atu i le meapueata ma le mamafa ma fa'atumauina; o lana fa'atonuga e lolomiina i lona tua ma si'itia ese o se mataitusi 3D, laina i lea laina. 5. O le ata fa'ailoga: toso mamao i tua ma luga a'o fa'amauina e le malamalama moli le O. 6. Fa'amautu i le fa'ailoga upu ma le prompt-motion.com. 1. Tasi le faila HTML, three.js mai le CDN, leai se la'asaga fausiaina. Fa'ata'ita'i mea uma i le code; leai ni fa'ata'ita'iga na sii mai, ma leai ni textures vagana ai ata vitio a le 'upega tafa'ilagi mo kata. 2. Faaaoga le MeshPhysicalMaterial, o se siosiomaga PMREM mai le RoomEnvironment, soft shadows, ACES tone mapping ma le antialiasing. Faaopoopo le loloto o le fanua i na o ata e manaomia. 3. Taofi le 60fps i luga o se komepiuta feaveaʻi. 4. Fa'aopoopo se?render mode lea e fa'atatauina ai fa'avaa ta'itasi mai le taimi (seeded randomness, leai se uati), ina ia mafai ona pu'eina ma Playwright i totonu o se MP4 i le 1920x1080. 5. Pu'e se ata e tasi i le ata, tilotilo i ai, ma fa'asa'o so'o se mea e lamolemole, fa'alilolilo, tipiina pe faigata ona faitauina. Seti le fa'aitu'au o le ata, a leai o ni laina o luga. Ia fa'amau lelei vaega e latalata ma mamao, pe emo fo'i vaega mamao. Fa'aopoopo numera fa'afuase'i uma, a leai o le a le fetaui le ata ma le va'aiga muamua. Fa'amatala le ata saini ma le lisi o ata i ni nai laina, ona fausia lea e aunoa ma le fesili mai ia te a'u i se isi lava mea. Tu'u mai ia te a'u le faila HTML ma se MP4 e 20-sekone na pu'eina i le?render mode.
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.
I'uga sili ona lelei: Claude Opus 5.5 ma le tulaga sili ona lelei o le taumafaiga. Fa'ata'ita'iga e Prompt Motion; vitio: fa'alauiloa e aunoa ma ni fa'asa'oga.
Fai se vitio faapenei
Fai ni vitio faapenei e oe lava—e 7 taimi e taugofie atu nai lo le API—fa'atasi ai ma la matou fa'aopoopoga Google Chrome.. E galulue fa'atasi ma Claude e ala i MCP: e te fa'amatalaina le galuega, ma o le fa'aopoopoga e taulimaina le fa'agasologa o le gaosiga mai le fa'atonuga i le faila ua mae'a. E gaosia ai vitio, fa'apotopotoina, fa'aleoina, ma fa'aliliuina.





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