Kumu hoʻohālike 3D
He kumu hoʻohālike no nā ʻōkuhi i hoʻomaikaʻi ʻia no nā wikiō 3D manawa maoli e hoʻohana ana iā three.js. Hoʻonohonoho ʻia no ka hale hōʻikeʻike Prompt Motion —e hoʻokomo i kāu moʻolelo ponoʻī.
Hoʻomaikaʻi ʻia ka ʻōlelo aʻoaʻo
Kūkulu iā ʻo ka hale hōʻikeʻike Prompt Motion, i noʻonoʻo hou ʻia e like me kahi ākea 3D o nā kāleka wikiō ma nā paia kūlou, ma ke ʻano he ʻaoʻao HTML hoʻokahi me three.js. Kaila: ke ao mālie a me ka hakahaka keʻokeʻo ma Prompt Motion ponoʻī: ʻeleʻele a keʻokeʻo, Geist, hoʻokahi leo ʻalani. ʻO ke kiʻi pūlima ʻo ka huki ʻana i hope kahi e hoʻoholo ai nā ala o nā kāleka i nā leka PROMPT MOTION i ʻike ʻia mai luna mai. E kūkulu i nā mea āpau e pili ana i ia mea. Kāmela: he kāmela kiʻiʻoniʻoni, ʻaʻole nā mea hoʻokele orbit. Hoʻohana kēlā me kēia pana i hoʻokahi neʻe i kapa ʻia (dolly, crane, orbit, push-in, rack focus), hoʻomaʻamaʻa ʻia i loko a i waho, a ʻaʻole loa e hele ke kāmela ma o ke geometry. Mālamalama a me nā mea hana: he kī, hoʻopiha a hoʻopuni i ke kukui me nā aka palupalu, kahi palapala ʻāina no ke kaiapuni no nā noʻonoʻo ʻana, noe no ka hohonu, nā mea i hoʻokumu ʻia i ke kino me nā ʻano ʻino like ʻole, ka palapala ʻāina leo ACES. ʻAʻohe mea e like me kahi mea paʻamau. Neʻe: pane nā mea kekahi i kekahi (neʻe ka mea i paʻi ʻia, hoʻomālamalama ka mea kokoke), hoʻokele ʻia e nā pūnāwai a i ʻole ka physics maʻalahi, ʻaʻole loa nā tweens linear. Ua pāpā ʻia: nā mea paʻamau a me nā kukui, nā lepili kikokikona lana, e ʻālohilohi ana ma nā mea āpau, kahi mea e wili mālie ana ma ke ʻano he manaʻo holoʻokoʻa, nā mea āpau e like me kahi demo ʻenehana. Nā pana, ma kahi o ʻekolu kekona kēlā me kēia: 1. Macro ma ka lihi o kekahi kāleka i ka mālamalama palupalu, a laila e kau i ka manaʻo ma luna o kāna wikiō e pāʻani ana (he pepa hoʻolaha maoli mai ka pūnaewele). 2. Dolly back: ʻo ia kekahi o nā haneli o nā kāleka ma kahi paia ʻōniʻoniʻo mālie, e pāʻani ana; holo kahi nalu o ke kukui ʻalani ma ka paia a kūlou iki kēlā me kēia kāleka i kona hala ʻana. 3. Piʻi i luna a ma luna o ka paia: ma hope ona, hana nā paia he nui i nā alaloa. 4. Wehe ʻia kekahi kāleka, lele i ke kāmela me ke kaumaha a noho; ua paʻi ʻia kāna ʻōlelo ma kona kua a hāpai ʻia ma ke ʻano he ʻano 3D, laina ma ka laina. 5. ʻO ke kiʻi pūlima: huki i hope a i luna i ka wā e hahai ana ke kukui ʻalani i ka O. 6. E noho ma ka wordmark a me ka prompt-motion.com. 1. Hoʻokahi faila HTML, three.js mai kahi CDN, ʻaʻohe hana kūkulu. E hoʻohālike i nā mea āpau ma ke code; ʻaʻohe kumu hoʻohālike i hoʻoiho ʻia, a ʻaʻohe ʻano ʻokoʻa koe wale nō nā pepa wikiō ponoʻī o ka pūnaewele no nā kāleka. 2. E hoʻohana iā MeshPhysicalMaterial, kahi ʻano PMREM mai RoomEnvironment, nā aka palupalu, ka hoʻopaʻa leo ACES a me ka antialiasing. E hoʻohui i ka hohonu o ke kahua ma nā pana e pono ai. 3. E paʻa i 60fps ma kahi kamepiula lawe lima. 4. E hoʻohui i kahi ʻano?render kahi e helu ʻia ai kēlā me kēia kiʻi mai ka manawa (seeded randomness, ʻaʻohe uaki), no laila hiki ke hopu ʻia me Playwright i loko o kahi MP4 ma 1920x1080. 5. E hopu i hoʻokahi kiʻi no kēlā me kēia pana, e nānā iā ia, a hoʻoponopono i kekahi mea pālahalaha, kapa ʻia, ʻokiʻoki a paʻakikī paha e heluhelu. E hoʻonohonoho i ka pānaʻi aka, a i ʻole e loaʻa i nā ʻili nā ʻākena kaha. E hoʻopaʻa pono i nā mokulele kokoke a mamao, a i ʻole e ʻālohilohi nā ʻili mamao. E kanu i kēlā me kēia helu kaulele, a i ʻole ʻaʻole e kūlike ka render me ka nānā mua. E wehewehe i ke kiʻi pūlima a me ka papa inoa kiʻi i loko o kekahi mau laina, a laila kūkulu ia me ka ʻole e nīnau mai iaʻu i kekahi mea ʻē aʻe. E hāʻawi mai iaʻu i ka faila HTML a me kahi MP4 20-kekona i hopu ʻia me ke ʻano?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.
ʻO ka hopena maikaʻi loa: Claude Opus 5.5 me ka pae hoʻoikaika nui loa. Kumu hoʻohālike na Prompt Motion; wikiō: hoʻomaka me ka ʻole o nā hoʻoponopono.
E hana i kahi wikiō e like me kēia
E hana i nā wikiō e like me kēia iā ʻoe iho—7 manawa ʻoi aku ka liʻiliʻi o ke kumukūʻai ma mua o ka API—me kā mākou hoʻonui Google Chrome.. Hana pū me Claude ma o MCP: wehewehe ʻoe i ka hana, a mālama ka hoʻonui i ke kaʻina hana mai ka wikiwiki a i ka faila i pau. Hoʻopuka ia i nā wikiō, hōʻuluʻulu iā lākou, hoʻopuka leo iā lākou, a unuhi iā lākou.





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