Cithakan 3D
Cithakan kanggo pituduh sing luwih apik kanggo video 3D wektu nyata nggunakake three.js. Dikonfigurasi kanggo galeri Prompt Motion —lebokake crita sampeyan dhewe.
Panjaluk sing Ditingkatake
Gawe galeri Prompt Motion, sing dibayangake maneh minangka ruang 3D kertu video ing tembok sing mlengkung, minangka siji kaca HTML sing mandiri nganggo three.js. Gaya: cahya awan alus lan papan putih ing Prompt Motion dhewe: ireng lan putih, Geist, siji aksen oranye. Foto tandha tangane yaiku tarikan mundur ing ngendi koridor kertu malih dadi huruf PROMPT MOTION sing dideleng saka ndhuwur. Bangun kabeh sing ana gandhengane karo iku. Kamera: kamera film, dudu kontrol orbit. Saben jepretan nggunakake siji gerakan sing dijenengi (dolly, crane, orbit, push-in, rack focus), kanthi gerakan mlebu lan metu sing gampang, lan kamera ora tau ngliwati geometri. Cahya lan bahan: cahya kunci, isi lan pinggiran nganggo bayangan alus, peta lingkungan kanggo pantulan, kabut kanggo ambane, bahan adhedhasar fisik kanthi macem-macem kekasaran, pemetaan nada ACES. Ora ana sing kudune katon kaya bahan standar. Obah: barang-barang padha reaksi siji lan sijine (apa sing kenek obah, apa sing meh madhangi), didorong dening pegas utawa fisika prasaja, ora tau remaja linier. Dilarang: materi lan cahya standar, label teks ngambang, sumunar ing kabeh barang, obyek sing muter alon-alon minangka ide sakabèhé, apa waé sing katon kaya demo teknologi. Tembakan, saben tembakan kira-kira telung detik: 1. Makro ing pinggir salah siji kertu kanthi cahya alus, banjur fokusake menyang video sing lagi diputer (poster asli saka situs kasebut). 2. Punggung boneka: iki salah siji saka atusan kertu ing tembok sing mlengkung alon-alon, kabeh lagi diputer; gelombang cahya oranye mlaku ing sadawane tembok lan saben kertu rada miring nalika liwat. 3. Munggah lan ngliwati tembok: ing mburine, luwih akeh tembok mbentuk koridor. 4. Siji kertu ora engsel, obah menyang kamera kanthi bobot lan mandheg; prompt dicithak ing mburine lan diangkat minangka jinis 3D, baris demi baris. 5. Jepretan khas: tarik adoh mundur lan munggah nalika cahya oranye nglacak O. 6. Temokake wordmark lan prompt-motion.com. 1. Siji file HTML, three.js saka CDN, ora ana langkah mbangun. Model kabeh nganggo kode; ora ana model sing diunduh, lan ora ana tekstur kajaba poster video situs dhewe kanggo kertu-kertu kasebut. 2. Gunakna MeshPhysicalMaterial, lingkungan PMREM saka RoomEnvironment, soft shadows, ACES tone mapping, lan antialiasing. Tambahna depth of field mung ing bidikan sing mbutuhake. 3. Tahan 60fps ing laptop. 4. Tambah mode?render ing ngendi saben pigura diitung saka wektu (keacakan sing wis diunggulake, ora ana jam), supaya bisa dijupuk nganggo Playwright menyang MP4 ing 1920x1080. 5. Jepret siji pigura saben jepretan, delengen, lan dandani apa wae sing rata, alias, kliping, utawa angel diwaca. Setel bias bayangan, utawa permukaan bakal katon belang. Jaga bidang sing cedhak lan adoh tetep rapet, utawa permukaan sing adoh kedhip-kedhip. Selehake saben nomer acak, utawa render ora bakal cocog karo pratinjau. Jlentrehna foto khas lan dhaptar foto kasebut mung nganggo sawetara baris, banjur gawe tanpa takon apa-apa maneh. Wenehana aku file HTML lan MP4 20 detik sing dijupuk nganggo mode?render.
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.
Asil paling apik: Claude Opus 5.5 kanthi tingkat gaweyan maksimal. Cithakan dening Prompt Motion; video: diluncurake tanpa suntingan.
Gawe video kaya ngene iki
Gawe video kaya iki dhewe—7 kali luwih murah tinimbang API—nganggo ekstensi Google Chrome kita.. Bisa digunakake karo Claude liwat MCP: sampeyan njlentrehake tugas kasebut, lan ekstensi nangani proses generasi saka prompt nganti file sing wis rampung. Ekstensi kasebut ngasilake video, nglumpukake, nyuarakake, lan nerjemahake.





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