அமைத்தல்: உணவு ஆசை அறிமுகத் திரைப்படம்

என்னிடம் இவற்றைக் கேளுங்கள்: எனது தயாரிப்பு, ஒரு பயனர் அதில் தட்டச்சு செய்யும் துல்லியமான கோரிக்கை, முடிவு அட்டைகளுக்கான 6 முதல் 8 புகைப்படங்கள், தெளிவான டிராப்புடன் கூடிய சுமார் 130 BPM வேகத்தில் ஒரு ராயல்டி இல்லாத பாடல் (Mixkit, வணிகப் பயன்பாட்டிற்கு இலவசம்), மற்றும் இறுதி அட்டைக்கான எனது பிராண்ட் சின்னம். நான் எதையாவது விட்டுவிட்டால், இயல்புநிலைகளைப் பயன்படுத்தவும்: கீழே உள்ள உணவு ஆர்டர் செய்யும் கதை, Pexels-இலிருந்து உணவுப் புகைப்படங்கள் (ஃபயர் நூடுல்ஸ், பிரியா டாக்கோஸ், ஹாட் சிக்கன், பஃபலோ விங்ஸ், ஸ்மாஷ் பர்கர், ஸ்பைசி ராமென்), மற்றும் Mixkit "கேட் வாக்".

15 வினாடி தயாரிப்பு அறிமுகக் காணொளி, 1920x1080 ரெசல்யூஷன், 60fps. 2D மட்டும், ஒரே தொடர்ச்சியான டேக். மங்கல்கள், தெளிவின்மைகள் அல்லது வெட்டுகள் இல்லை: ஒவ்வொரு காட்சியும் முந்தைய காட்சியிலிருந்து விரிகிறது. எழுத்துக்கள் ஒரு மாஸ்க் கோட்டிலிருந்து எழுகின்றன, பொத்தான்கள் பக்கங்களாக விரிகின்றன, மேலும் வண்ணம் ஒரு பொருளில் இருந்து பரவி, பின்னர் மற்றொன்றாகச் சுருங்குகிறது. ஒவ்வொரு காட்சிக்கும் கேமராவை ஒரு மென்மையான நகர்வுக்கு மட்டும் விடுங்கள், மேலும் ஒருபோதும் தொடர்ச்சியாக ஜூம் இன் மற்றும் ஜூம் அவுட் செய்யாதீர்கள்.

தோற்றம்: வெதுவெதுப்பான வெள்ளை கேன்வாஸ் (#f5f5f2), கருப்பு UI (#0e0e10), லைம் நிற ஆக்சென்ட் (#cdf24f), ஆரஞ்சு (#ff6a2a), மற்றும் ஒரு நீல நிற அனுப்பும் பொத்தான் (#2f6bff). உள்ளீட்டைச் சுற்றி ஆப்பிள் இன்டெலிஜென்ஸ் பாணியிலான ஒரு வானவில் போன்ற ஒளியைச் சேர்க்கவும்: இளஞ்சிவப்பு, ஆரஞ்சு, லைம், சயான் மற்றும் வயலட் நிறங்களின் வழியே சுழலும் ஒரு மங்கலான கூம்பு வடிவ கிரேடியன்ட். அடர் நிற அட்டைகளில் உண்மையான உணவுப் புகைப்படங்களையும், UI-க்கு Geist, இறுதி அட்டையில் தயாரிப்புப் பெயருக்கு செரிஃப் (serif) எழுத்துருவையும் பயன்படுத்தவும்.

தடைசெய்யப்பட்டவை: கிராஸ்ஃபேடுகள், ப்ளர்-இன்கள், 3D, துகள்கள், திசைமாறும் கேமரா அசைவுகள், 1 வினாடிக்கு மேல் நிலைநிறுத்துதல், ஒரு வார்ப்புரு போலத் தோன்றும் எதுவும்.

130 BPM, 32 தாளங்கள் (14.8 வி). பாடலின் உச்சநிலைக்கு 12 தாளங்களுக்கு முன்பு பாடலைத் தொடங்கவும்.

தாளங்கள் 0-6, கேட்கவும்: ஒளிரும் இசையமைப்பாளருக்குள் மெதுவாகத் தள்ளவும், சுமார் 3 மடங்கு பெரிதாக்கவும். இயல்பான விசைத்தடத் தாளத்துடன் மூன்று நிலையான வரிகளில் கோரிக்கையைத் தட்டச்சு செய்யவும்:
எனக்கு ரொம்ப பசிக்குது, தெரியல.
எனக்கு என்ன வேண்டுமோ ஆனால் ஏதோ ஒன்று
காரமான, மொறுமொறுப்பான மற்றும் வயிறு நிரம்பச் செய்யும்

பீட் 6, அனுப்பு: அனுப்பு பொத்தானை அழுத்தவும். அதிலிருந்து ஒரு எலுமிச்சை சிற்றலை பரவி, செய்தியை ஒரு அரட்டைக் குமிழாக மாற்றுகிறது. அதைச் சுற்றியுள்ள தொலைபேசியைக் காட்ட ஒருமுறை பின்வாங்கவும் (428x900 திரை, 11px கருப்பு விளிம்பு, 9:41 நிலைப்பட்டி).

6 முதல் 12 வரையிலான தாளங்களில், சிந்தித்துப் பாருங்கள்: அனுப்பும் பொத்தான், மெல்லிய கைப்பிடியுடன் கூடிய ஒரு அரைவட்ட வடிவ ஆரஞ்சு நிற வாணலியாக விரிகிறது. அது 8, 9, 10 மற்றும் 11-வது தாளங்களில், "உங்களுக்காக ஒன்றைக் கண்டறிகிறேன்..." என்ற பளபளக்கும் வாசகத்திற்குக் கீழே 6 வண்ணமயமான பொருட்களை வீசுகிறது.

பீட் 12, தி டிராப்: ஒரு எலுமிச்சை வட்டம் வாணலியில் இருந்து விரிவடைந்து சுமார் 0.35 வினாடிகளில் சட்டகத்தை நிரப்புகிறது. அடர் நிற உணவு அட்டைகள் (330x440, ஆரம் 28, மேலே புகைப்படம், பெயர், ஒரு வரி விளக்கம், விலை மற்றும் மதிப்பீடு) மையத்திலிருந்து திடீரெனத் தோன்றுகின்றன. அந்தப் பட்டையை மூன்று அட்டைகளின் குறுக்கே நகர்த்தி, "ஃபயர் நூடுல்ஸ்" அட்டையில் நிறுத்தவும், அது "சிறந்த பொருத்தம்" மாத்திரையுடன் மேலே எழுகிறது.

16-21 துடிப்புகள், அரட்டை: தேர்ந்தெடுக்கப்பட்ட அட்டை அதன் இடத்திற்குள் பறந்து செல்லும்போது, எலுமிச்சை அதன் வார்த்தைகளைச் சுமந்துகொண்டு பயனரின் குமிழிக்குள் சுருங்குகிறது. "கண்டுபிடித்துவிட்டேன். வோக் & ஃபயரின் ஃபயர் நூடுல்ஸ், புகைச்சுவையுடன், காரசாரமாக, வயிறு நிறையக்கூடியது." என்பது மேலே எழுகிறது, அதைத் தொடர்ந்து "நான் உங்களுக்காக ஆர்டர் செய்யட்டுமா?" என்று கேட்கிறது. பிறகு இரண்டு மாத்திரைகள் காட்டப்படுகின்றன: கருப்பு நிறத்தில் "இப்போதே ஆர்டர் செய்யுங்கள்" மற்றும் கோடிட்ட வடிவத்தில் "கூடுதல் விருப்பங்கள்". கர்சர் 'இப்போதே ஆர்டர் செய்யுங்கள்' → சுழலி → "✓ ஆர்டர் செய்யப்பட்டது" என்பதைக் கிளிக் செய்கிறது.

பீட்ஸ் 21-32, அவுட்ரோ: கேமரா அதனுள் நெருங்கும்போது, கருப்புப் பொத்தான் பக்கத்தினுள் விரிவடைந்து, ஓரங்களை அடையும் வரை மாத்திரை வடிவத்திலேயே இருக்கிறது. அதன் லேபிள் தலைப்பு அளவிற்கு வளர்ந்து, பின்னர் நழுவிச் செல்கிறது. "நீங்கள் நூடுல்ஸ் சாப்பிட ஆசைப்பட்டீர்கள்." மற்றும் "இப்போது அது வந்து கொண்டிருக்கிறது." ஆகியவற்றை வார்த்தைக்கு வார்த்தை கொண்டு வாருங்கள் (92px, கருப்புப் பின்னணியில் வெள்ளை). ஒரு கூரியர் புள்ளி ஒரு பின்னை நோக்கிய பாதையைப் பின்பற்றுகிறது. அந்தப் பின் பிராண்ட் குறியீடாக மாறுகிறது, மேலும் அதன் பின்னாலிருந்து வார்த்தைக் குறியீடு மறைந்து, அதற்கு மேலே "made with" என்றும் கீழே தயாரிப்பின் பெயரும் தோன்றுகின்றன.

1. ஒரு HTML கோப்பு, 1920x1080. seek(t) செயல்பாட்டிற்குள் இருக்கும் நேரத்திலிருந்து ஒவ்வொரு ஸ்டைலையும் கணக்கிடுங்கள்: CSS டிரான்சிஷன்கள், டைமர்கள் அல்லது ஃபிரேம்களுக்கு இடையில் கொண்டு செல்லப்படும் ஸ்டேட் எதுவும் இல்லை.
2. ஒரு கண்டெய்னரில், [நேரம், ஜூம், x, y] என்ற கீயுடன், ஈஸ்டு செக்மென்ட்கள் மற்றும் லாக் ஸ்பேஸில் இன்டர்போலேட் செய்யப்பட்ட ஜூம் ஆகியவற்றைக் கொண்ட ஒரே கேமரா டிரான்ஸ்ஃபார்மைப் பயன்படுத்தவும்.
3. ஒவ்வொரு பாப் மற்றும் செட்டில் நிலைக்கும் மூடிய வடிவ படிநிலை-பதில் ஸ்பிரிங்குகளைப் பயன்படுத்தவும்.
4. ஒவ்வொரு கைமாற்றத்தையும் ஒரு பகிரப்பட்ட கூறாக ஆக்குங்கள்: சுண்ணாம்பு வெள்ளம் குமிழியின் வார்த்தைகளின் நகலைக் கொண்டு செல்கிறது, மேலும் பொத்தான் அதன் லேபிளைப் பக்கத்திற்குள் கொண்டு செல்கிறது.
5. ஒலி: தட்டச்சு, அனுப்பும் சத்தம், ஒவ்வொரு வீச்சின் போதும், அட்டை விழும் போது ஏற்படும் அதிர்வு, கிளிக், வெற்றி ஒலி, பக்கம் நிரம்பும் போது ஏற்படும் சீறல் மற்றும் குறியின் மினுமினுப்பு ஆகிய ஒவ்வொரு நிகழ்விற்கும் பதிவிறக்கம் செய்யப்பட்ட மிக்ஸ்கிட் ஒலி விளைவுகளைப் (Mixkit SFX) பயன்படுத்தவும். ஒவ்வொன்றையும் அதன் அளவிடப்பட்ட உச்சநிலை மற்றும் ஒலிச்சீரமைப்பின்படி -14 LUFS-க்கு அமைக்கவும்.
6. ஒவ்வொரு ஃபிரேமிற்கும் 8 சப்ஃபிரேம்களைப் பயன்படுத்தி, Playwright மூலம் 60fps வேகத்தில் ரெண்டர் செய்து, அவற்றை ffmpeg tmix உடன் கலக்கவும். ஒவ்வொரு வேகமான தருணத்தையும் ஃபிரேம் ஃபிரேமாக ஆய்வு செய்து, ஒற்றை-ஃபிரேம் பாப்ஸ்களுக்காக முழு வீடியோவையும் ஸ்கேன் செய்யவும்.

வேகமான நகர்வுகளின்போது நான்கு துணைச்சட்டகங்கள் தெளிவற்ற நகல்களை உருவாக்குகின்றன, எனவே 8 துணைச்சட்டகங்களை ரெண்டர் செய்து, நகர்வின் வேகத்தைக் குறைக்கவும். அந்த வெள்ளம் மிகத் தொலைவான மூலையை அடைய வேண்டும், மேலும் அது சுமார் 0.35 வினாடிகள் எடுத்துக்கொள்ள வேண்டும், இல்லையெனில் அது ஒரு ஃபிளாஷ் போலத் தோன்றும். அட்டைகள் அந்த வெள்ளத்திற்கு மேலே மிதக்காமல் இருக்க, ஒவ்வொரு லேயரிலும் z-index-ஐ அமைக்கவும். தட்டச்சு செய்யப்பட்ட கோரிக்கையை நிலையான வரிகளில் வைக்கவும், இதனால் கேமரா ஒருபோதும் சுழலும் கர்சரைப் பின்தொடர வேண்டியதில்லை. முதல் seek() அழைப்பிற்கு முன்பு ஒவ்வொரு மாறியையும் அறிவிக்கவும்.

முழுப் படத்தையும் எழுதுவதற்கு முன், உங்கள் கருத்துக்களை என்னிடம் கேளுங்கள், பிறகு பீட் மேப் மற்றும் 4 ஸ்டில்களை (கேள்வி, டிராப், உரையாடல், அவுட்ரோ) எனக்குக் காட்டுங்கள்.

Ask me for: my product, the exact request a user types into it, 6 to 8 photos for the result cards, a royalty-free song around 130 BPM with a clear drop (Mixkit, free for commercial use), and my brand mark for the end card. If I skip anything, use the defaults: the food-ordering story below, food photos from Pexels (fire noodles, birria tacos, hot chicken, buffalo wings, smash burger, spicy ramen), and Mixkit "Cat Walk".

A 15-second product launch film, 1920x1080 at 60fps. 2D only, one continuous take. No fades, blurs or cuts: each scene grows from the last. Text rises from a mask line, buttons expand into pages, and color floods from one object before shrinking into another. Give the camera one eased move per scene, and never zoom in and out consecutively.

Look: warm white canvas (#f5f5f2), black UI (#0e0e10), lime accent (#cdf24f), orange (#ff6a2a), and a blue send button (#2f6bff). Add an Apple Intelligence-style iridescent glow around the input: a blurred conic gradient rotating through pink, orange, lime, cyan and violet. Use real food photography on dark cards, Geist for UI and a serif for the product name on the end card.

Banned: crossfades, blur-ins, 3D, particles, camera moves that reverse direction, holds longer than 1s, anything that feels like a template.

130 BPM, 32 beats (14.8s). Start the song 12 beats before its drop.

Beats 0-6, ask: push slowly into the glowing composer, about 3x zoom. Type the request over three fixed lines with a natural keystroke rhythm:
"I'm really hungry, I don't know
what I want but something
spicy, crispy and filling"

Beat 6, send: press the send button. A lime ripple spreads from it and transforms the message into a chat bubble. Pull back once to reveal the phone around it (428x900 screen, 11px black bezel, 9:41 status bar).

Beats 6-12, think: the send button grows into an orange wok, a half-disc with a thin handle. It tosses 6 colorful ingredients on beats 8, 9, 10 and 11 beneath the shimmering text "Finding something for you…".

Beat 12, the drop: a lime circle expands from the wok to fill the frame in about 0.35s. Dark food cards (330x440, radius 28, photo on top, name, one-line description, price and rating) burst in from the center. Slide the strip across three cards and land on "Fire Noodles", which lifts with a "Best match" pill.

Beats 16-21, chat: the lime contracts back into the user's bubble, carrying its words as the chosen card flies into its slot. "Found it. Fire Noodles from Wok & Fire, smoky, spicy and seriously filling." rises in, followed by "Want me to order it for you?" Then show two pills: "Order now" in black and "More options" outlined. The cursor clicks Order now → spinner → "✓ Ordered".

Beats 21-32, outro: the black button expands into the page, staying pill-shaped as it reaches the edges while the camera pushes into it. Its label grows to headline size, then slides away. Bring in "You were craving noodles." and "Now it's on the way." word by word (92px, white on black). A courier dot follows a route to a pin. The pin becomes the brand mark, and the wordmark wipes out from behind it, with "made with" above and the product name below.

1. One HTML file, 1920x1080. Compute every style from time inside seek(t): no CSS transitions, timers or state carried between frames.
2. Use one camera transform on a container, keyed by [time, zoom, x, y] with eased segments and zoom interpolated in log space.
3. Use closed-form step-response springs for every pop and settle.
4. Make every handoff a shared element: the lime flood carries a copy of the bubble's words, and the button carries its label into the page.
5. Sound: use a downloaded Mixkit SFX for each event - typing, send pop, each toss, drop impact, card swoosh, click, success tone, page-fill whoosh and mark sparkle. Place each by its measured peak and loudnorm to -14 LUFS.
6. Render with Playwright at 60fps using 8 subframes per frame, blended with ffmpeg tmix. Review every fast moment frame by frame and scan the full video for single-frame pops.

Four subframes leave ghost copies on fast moves, so render 8 and slow the move down. The flood must reach the farthest corner and take about 0.35s, or it looks like a flash. Set z-index on every layer so the cards don't float above the flood. Keep the typed request on fixed lines so the camera never has to follow a wrapping cursor. Declare every variable before the first seek() call.

Ask me for the inputs, then show me the beat map and 4 stills (ask, drop, chat, outro) before writing the full film.

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