Kiolezo cha 3D
Kiolezo cha vidokezo vilivyoboreshwa vya video za 3D za wakati halisi kwa kutumia three.js. Kimesanidiwa kwa ajili ya ghala la Prompt Motion —ingiza hadithi yako mwenyewe.
Kidokezo Kilichoboreshwa
Jenga ghala la Prompt Motion, lililobuniwa upya kama nafasi ya 3D ya kadi za video kwenye kuta zilizopinda, kama ukurasa mmoja HTML unaojitegemea wenye three.js. Mtindo: mwanga wa mchana laini na nafasi nyeupe katika Prompt Motion yenyewe: nyeusi na nyeupe, Geist, lafudhi moja ya chungwa. Picha ya sahihi ni vuta nyuma ambapo korido za kadi hujikita katika herufi za PROMPT MOTION zinazoonekana kutoka juu. Jenga kila kitu kuelekea hilo. Kamera: kamera ya filamu, si vidhibiti vya obiti. Kila picha hutumia mwendo mmoja uliopewa jina (dolly, kreni, obiti, kusukuma ndani, kulenga kwenye raki), huingia na kutoka kwa urahisi, na kamera haipiti kamwe kupitia jiometri. Mwanga na nyenzo: ufunguo, mwanga wa kujaza na ukingo wenye vivuli laini, ramani ya mazingira ya kuakisi, ukungu kwa kina, nyenzo zinazotegemea kimwili zenye ukali tofauti, ramani ya toni ACES. Hakuna kinachopaswa kuonekana kama nyenzo chaguo-msingi. Mwendo: vitu huitikiana (kile kilichopigwa husogea, kile kilicho karibu kuwaka), kinachoendeshwa na chemchemi au fizikia rahisi, kamwe si mstari wa tweens. Imepigwa marufuku: nyenzo na taa chaguo-msingi, lebo za maandishi zinazoelea, huangaza kila kitu, kitu kinachozunguka polepole kama wazo zima, chochote kinachoonekana kama onyesho la kiteknolojia. Risasi, kama sekunde tatu kila moja: 1. Macro kwenye ukingo wa kadi moja katika mwanga hafifu, kisha elekeza umakini kwenye video yake ya kucheza (bango halisi kutoka kwenye tovuti). 2. Dolly nyuma: ni moja ya mamia ya kadi kwenye ukuta uliopinda taratibu, zote zikicheza; wimbi la mwanga wa rangi ya chungwa linapita ukutani na kila kadi huinama kidogo inapopita. 3. Piga juu na juu ya ukuta: nyuma yake, kuta zaidi huunda korido. 4. Kadi moja hufunguka, huelea kuelekea kamera kwa uzito na kutulia; kidokezo chake kimechapishwa mgongoni mwake na huinuliwa kama aina ya 3D, mstari kwa mstari. 5. Picha ya sahihi: vuta nyuma na juu huku taa ya rangi ya chungwa ikifuatilia O. 6. Tulia kwenye alama ya neno na prompt-motion.com. 1. Faili moja HTML, three.js kutoka kwa CDN, hakuna hatua ya ujenzi. Tengeneza kila kitu katika msimbo; hakuna modeli zilizopakuliwa, na hakuna umbile isipokuwa mabango ya video ya tovuti kwa ajili ya kadi. 2. Tumia MeshPhysicalMaterial, mazingira ya PMREM kutoka RoomEnvironment, vivuli laini, ramani ya toni ACES na kuzuia utofautishaji. Ongeza kina cha sehemu kwenye picha zinazohitaji tu. 3. Shikilia 60fps kwenye kompyuta ya mkononi. 4. Ongeza hali ya?render ambapo kila fremu huhesabiwa kutoka wakati (ubaguzi uliowekwa, hakuna saa), ili iweze kunaswa na Playwright kwenye MP4 katika 1920x1080. 5. Nasa fremu moja kwa kila picha, iangalie, na urekebishe kitu chochote kilicho bapa, kilichojificha, kilichokatwa au kilicho vigumu kusoma. Weka upendeleo wa kivuli, au nyuso zitapata chunusi zenye mistari. Weka sehemu zilizo karibu na mbali zikiwa zimebana, au sehemu zilizo mbali zing'ae. Panda kila nambari nasibu, la sivyo uonyeshaji hautalingana na hakikisho. Eleza picha sahihi na orodha ya picha katika mistari michache, kisha uijenge bila kuniuliza kitu kingine chochote. Nipe faili HTML na MP4 ya sekunde 20 iliyonaswa kwa kutumia modi ya?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.
Matokeo bora: Claude Opus 5.5 yenye kiwango cha juu cha juhudi. Kiolezo kwa Prompt Motion; video: uzinduzi bila marekebisho.
Tengeneza video kama hii
Tengeneza video kama hizi mwenyewe—gharama 7 ya bei nafuu kuliko API—ukitumia kiendelezi chetu cha Google Chrome.. Inafanya kazi na Claude kupitia MCP: unaelezea kazi, na kiendelezi hushughulikia mchakato wa uzalishaji kutoka kwa kidokezo hadi faili iliyokamilika. Huzalisha video, kuzikusanya, kuzipaza sauti, na kuzitafsiri.





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