அமைத்தல்: Prompt Motion தள விளம்பரம்

என்னிடம் கேளுங்கள்: கேலரி URL (இயல்புநிலை www.prompt-motion.com/), அதன் தூண்டுதலைக் கொண்ட ஒரு பதிவு.
திரையில் காட்டப்படும், மற்றும் தெளிவான டிராப்புடன் கூடிய சுமார் 120 BPM வேகமுள்ள ஒரு ராயல்டி இல்லாத ட்ராக் (எ.கா. மிக்ஸ்கிட்).

Claude உருவாக்கிய மோஷன் வீடியோக்களின் தொகுப்பிற்கான 23 வினாடி 16:9 விளம்பரக் காணொளி, இது அந்தத் தளத்தையே கொண்டு உருவாக்கப்பட்டது:
அதன் உண்மையான தலைப்புப் பகுதி, தானாக இயங்கும் முன்னோட்டங்களின் உண்மையான கட்டம், அதன் உண்மையான நுழைவுப் பக்கம் மற்றும் தூண்டுதல்.
தளத்தின் தோற்றத்தைப் பயன்படுத்துங்கள்: கிட்டத்தட்ட வெள்ளை நிறப் பக்கம், கருப்புப் பட்டைகள், ஒரே UI எழுத்துரு (Geist), மற்றும் குறிப்பு உரைக்கு Geist Mono.
ஹைலைட்டர், கர்சர் ஒளிவட்டம் மற்றும் URL-இல் உள்ள புள்ளி ஆகியவற்றிற்கு மட்டும் பயன்படுத்தப்படும் ஒரு உச்சரிப்புக் குறி (சிவப்பு-ஆரஞ்சு #F0442C).
ஒரே 'வேர்ல்ட்' லேயரின் மீது ஒரு தொடர்ச்சியான கேமரா நகர்வு. ஒருபோதும் ஒரே நேரத்தில் இரண்டு கேமரா நகர்வுகள் இருக்காது.
திரையில் தோன்றும் ஒவ்வொரு காணொளியும், தளம் காட்டுவது போலவே, அதை உருவாக்கியவரின் @handle-ஐக் கொண்டுள்ளது.
தடைசெய்யப்பட்டவை: "உருவாக்கு" பொத்தான் அல்லது தளத்தில் இல்லாத எந்தவொரு அம்சமும், புனையப்பட்ட எண்கள், மாற்றி எழுதப்பட்டவை.
குறிக்கோள் வாக்கியங்கள், எல்லாவற்றிலும் மங்குதல், கண்ணாடி அட்டைகள், வண்ணச் சரிவுகள், துள்ளலான எழுத்து வகை, அசைவற்ற பிடிப்புகள்.

120 BPM, 46 தாளங்கள்.
b0–2: ஃபிரேம் 0 என்பது ஒரு முழுமையான ரீல், ஃபுல்-ப்ளீட். அது முதல் ஃபிரேமாக மாறும் வரை கேமரா பின்வாங்குகிறது.
தளத்தின் முகப்புப் பக்கத்தில் உள்ள அட்டை. தலைப்பும், பின்னர் குறிக்கோள் வாக்கியத்தின் முதல் பாதியும் b1-இல் இடம்பெறுகின்றன.
b2–9: நேரலைப் பக்கத்தை நிறுத்தி வைக்கவும்: தலைப்பு மற்றும் விளையாட்டு முன்னோட்டங்களைக் கொண்ட 3-பத்தி கட்டமைப்பு.
b9–13: கட்டம் நகர்கிறது, பின்னர் கேமரா ஒரு கட்டத்திற்குள் வேகமாகச் சென்று அது முழுவதுமாக நிரம்பும் வரை குவிகிறது.
b13–16: இசை உச்சத்தை அடைகிறது. கேலரியில் இருந்து மூன்று முழுத் தெளிவுத்திறன் கொண்ட ரீல்கள், ஒவ்வொன்றும் ஒரு தாளத்துடன், திடீர் வெட்டுகள்.
பாதுகாப்புப் பகுதிக்குள் ஒவ்வொன்றின் கைப்பிடியிலும் ஒரு கருமையான சிதைவு உள்ளது.
b16–21: கடைசிச் சுருள் அதன் சொந்த ஓட்டிற்குள் சுருங்குகிறது (ஒரு பொருத்த வெட்டு). ஒரு சிறப்பு ஒளிவட்டத்துடன் கூடிய சுட்டி.
ஒரு டைலின் மீது சுட்டியை வைத்து கிளிக் செய்கிறது.
b21–26: அந்த டைல் அதன் நுழைவுப் பக்கமாக விரிகிறது: இடதுபுறத்தில் உள்ள காணொளி; ஆசிரியர், தலைப்பு,
மாடல் / ஸ்டாக் / போஸ்டட் மற்றும் வலதுபுறத்தில் உள்ள ப்ராம்ட்.
b26–32: வீடியோ வெளியே சரியும்போது, கேமரா அந்தத் தூண்டுதலுக்குள் 1.5 மடங்கு பெரிதாக்குகிறது. ஒரு திடமான சிறப்பம்ச ஹைலைட்டர்.
ஒரு சொற்றொடரை நகர்த்துகிறது. கர்சர் 'நகலெடு' (Copy) பொத்தானை அழுத்தும்போது, அது 'நகலெடுக்கப்பட்டது' (Copied) என மாறுகிறது.
b32–46: பக்கம் இடதுபுறமாக நழுவுகிறது. "நகலெடுக்கப்பட்டது" என்ற பகுதி உயர்ந்து, URL-க்கு ஏற்ப மறுபெயரிடப்பட்டு, இணைகிறது.
பின்னர் " Prompt Motion " மற்றும் அந்த வாசகத்தின் இரு பகுதிகளும், உண்மையான டைல்களின் ஒரு ரெயிலும் வந்து சேர்கின்றன.
வலதுபுறம் உயர்கிறது. கடைசிச் சட்டகம் சுவரொட்டி: இரண்டு முழு ஓடுகள், இரண்டு கைப்பிடிகளும் தெரிகின்றன.

1. Remotion, 1920x1080, 30 fps. ஒவ்வொரு கியூவும் timeline.ts கோப்பிலும் (பீட்ஸ்களில்) மற்றும் ஒவ்வொரு ஸ்ட்ரிங்கும் copy.ts கோப்பிலும் இடம்பெற்றுள்ளன.
காட்சிகளில் மாய எண்கள் எதுவும் இல்லை.
2. முதலில் தளத்தை ஸ்கிராப் செய்யவும்: டேக்லைன், ஹேண்டில்கள், அவதார்கள், முன்னோட்ட MP4 கோப்புகள் மற்றும் முழுத் தெளிவுத்திறன் கொண்ட வீடியோக்கள், மேலும் ஒன்று.
பதிவின் குறிப்பை அப்படியே மேற்கோள் காட்டுங்கள்.
3. கேலரியை ஒருமுறை உலக ஆயத்தொலைவுகளில் அமைக்கவும். கேமராவை (ஃபோகஸ் x, ஃபோகஸ் y,) என இயக்கவும்.
மடக்கை அளவிலான தடங்கள். ஒரு டைல் முழு-வெளியேற்றத்தை அடையும்போது, டைல் மூலை ஆரம் 0 ஆகிறது, எனவே
புல்-பேக், விப்-இன் மற்றும் மேட்ச்-கட் பேக் ஆகிய அனைத்தும் துல்லியமானவை.
4. தொடர் இயக்கத்திற்கு முன்பு இயங்கும் ஒரு டைல், startFrom என்ற ஆஃப்செட்டுடன் அதே முழுத் தெளிவுத்திறன் கோப்பைப் பயன்படுத்துகிறது.
எனவே அந்தச் சவுக்கடி, அந்தத் தொடரின் முதல் ஃபிரேமிலேயே வந்து விழுகிறது.
5. முன்னோட்ட MP4 கோப்புகள் சீராக மீண்டும் மீண்டும் இயங்குவதில்லை, மேலும் பலவற்றில் திடீர் வெட்டுகள் உள்ளன. ஒவ்வொரு கிளிப்பிலும் scdet-ஐ இயக்கவும்.
உள்ளே வெட்டு இல்லாத, மடிப்புப் பகுதியில் 12-ஃபிரேம் கரைதலுடன் கூடிய லூப் விண்டோக்களை மட்டும் பயன்படுத்தி, அவற்றை ஒன்றன்பின் ஒன்றாக அடுக்கவும்.
ஒவ்வொரு டைலின் கட்டமும் மாறாது, அதனால் ஒரே சட்டகத்தில் அருகருகே உள்ள டைல்கள் ஒருபோதும் மாறாது.
6. கேமரா தொடர்ந்து நகர்ந்துகொண்டே இருப்பதால், லைவ் பட்டனின் நிலையை நோக்கிச் செல்லும் ஒரே ஒரு கர்சரைப் பயன்படுத்தவும்.
நிறுத்திவைப்புகளின் போது.
7. டிராக்கின் வேகத்தை 120 BPM ஆகவும், அதன் திடீர் வேகக் குறைவை (drop on the burst) உறுதி செய்யவும். ஒலி விளைவுகளை (SFX) அவற்றின் அளவிடப்பட்ட உச்சங்களின்படி அமைக்கவும்.
பாடலின் இடைவெளிகளை, அதன் உச்சப் பகுதிகளுக்குள் தலைகீழான சீறல் ஒலிகளால் நிரப்புங்கள். -14 LUFS-க்கு கலக்கவும்.
8. முழுமையான ரெண்டரிங்கிற்கு முன், ஒவ்வொரு கட்-இலும் ஸ்டில்களை ரெண்டர் செய்யவும். உறைந்த நேரம் மற்றும் ஒற்றை-ஃபிரேம் ஸ்னாப்களுக்காக தரச் சோதனையை (QA) இயக்கவும்.
பிறகு, அதை உருவாக்காத ஒரு புதிய விமர்சகரைக் கொண்டு அந்த ரெண்டரை மதிப்பாய்வு செய்து, அதில் உள்ள குறைகளைச் சரிசெய்யச் சொல்லுங்கள்.

உண்மையான கேலரி கிளிப்புகள் தங்களின் சொந்த HUD-கள், கர்சர்கள் மற்றும் கட்டுகளைக் கொண்டுள்ளன. மேலடுக்குகளை (ஹேண்டில் சிப்ஸ், நமது கர்சர்) வைத்துக்கொள்ளுங்கள்.
அவற்றிலிருந்து விலகி இருங்கள், மேலும் ஃபிரேம் நிலையாக இருக்க வேண்டிய எந்த இடத்திலும், வெட்டுவதற்கு அதிக வாய்ப்புள்ள கிளிப்பைப் பொருத்தாதீர்கள்.
பக்கத்தின் நிறம் ஒரு கிளிப்பின் பின்னணி நிறத்துடன் பொருந்தினால், டைல் மறைந்துவிடும்; டைல்களுக்கு 1px மெல்லிய கோடு அமைக்கவும்.
கேமராவைத் தள்ளும்போது, கடைசி ஃபிரேமைச் சரிபார்க்கவும்: ஹெடர் மற்றும் மெட்டா வரிசைகள் விளிம்புப் பட்டைகளுக்குள் நகர்ந்துவிடக்கூடும்.

Ask me for: the gallery URL (default www.prompt-motion.com/), one entry whose prompt
gets shown on screen, and a royalty-free track around 120 BPM with a clear drop (e.g. Mixkit).

A 23-second 16:9 promo for a gallery of Claude-made motion videos, built only from the site itself:
its real header, its real grid of autoplaying previews, its real entry page and prompt.
Use the site's skin: near-white page, black pills, one UI font (Geist), and Geist Mono for prompt text.
One accent (red-orange #F0442C), used only for the highlighter, the cursor halo and the dot on the URL.
One continuous camera over a single "world" layer. Never two camera moves at once.
Every clip on screen carries its creator's @handle, exactly as the site shows it.
Banned: a "Generate" button or any feature the site doesn't have, invented numbers, paraphrased
taglines, fades on everything, glass cards, gradients, bouncy type, dead holds.

120 BPM, 46 beats.
b0–2: frame 0 is one real reel, full-bleed. The camera pulls back until it is just the first
  card on the site's home page. The header, then the tagline's first half, land on b1.
b2–9: hold on the live page: header plus a 3-column masonry of playing previews.
b9–13: the grid scrolls, then the camera whips into one tile until it is full-bleed.
b13–16: the music drops. Three full-res reels from the gallery, one beat each, hard cuts,
  each with a dark handle chip inside the safe area.
b16–21: the last reel shrinks back into its own tile (a match cut). A cursor with an accent halo
  hovers a tile and clicks.
b21–26: that tile blooms into its entry page: the video on the left; author, title,
  Model / Stack / Posted and the prompt on the right.
b26–32: the camera pushes 1.5× into the prompt while the video slides out. A solid accent highlighter
  sweeps one phrase. The cursor presses Copy, which turns into "Copied".
b32–46: the page slides off left. The "Copied" pill lifts, relabels to the URL and docks.
  Then "Prompt Motion" and both verbatim halves of the tagline land, and a rail of real tiles
  rises on the right. The last frame is the poster: two whole tiles, both handles visible.

1. Remotion, 1920x1080, 30 fps. Every cue lives in timeline.ts (in beats) and every string in copy.ts.
   Scenes contain no magic numbers.
2. Scrape the site first: tagline, handles, avatars, preview MP4s and full-res videos, plus one
   entry's prompt. Quote all of it verbatim.
3. Lay out the gallery once in world coordinates. Drive the camera as (focus x, focus y,
   log-scale) tracks. Tile corner radius goes to 0 as a tile reaches full-bleed, so the
   pull-back, the whip-in and the match-cut back are all exact.
4. A tile that plays before the burst uses the same full-res file with an offset startFrom,
   so the whip lands on the burst's first frame.
5. The preview MP4s don't loop cleanly, and many contain hard cuts. Run scdet on every clip.
   Loop only windows with no cut inside them, with a 12-frame dissolve at the seam, and stagger
   each tile's phase so neighbouring tiles never change on the same frame.
6. Use one cursor that homes on the live button position, because the camera keeps creeping
   during holds.
7. Conform the track to 120 BPM with its drop on the burst. Place SFX by their measured peaks.
   Fill the track's own breaks with reversed whooshes into the hits. Mix to −14 LUFS.
8. Render stills at every cut before a full render. Run QA for frozen time and one-frame snaps.
   Then have a fresh critic who didn't build it review the render, and fix what it finds.

Real gallery clips carry their own HUDs, cursors and cuts. Keep overlays (handle chips, our cursor)
clear of them, and don't put a cut-heavy clip anywhere the frame should feel calm.
If the page color matches a clip's background, the tile disappears; give tiles a 1px hairline.
On a camera push, check the last frame: the header and meta rows can drift into the edge bands.

தூண்டுதலிலிருந்து எடுக்கப்பட்டது பதிவு @antonio_kodheli.