Филм за лансирање на апликација за печатење фотографии
Прашање
Прашајте ме за: име на бренд од еден збор за зборовниот знак (глаголот најдобро функционира), 9 до 12 фотографии со висока резолуција, песна без авторски права од околу 120 BPM со пад и тивок прекин (Mixkit, бесплатно за комерцијална употреба) и бесплатен клип од обичен ѕид со подвижни сенки од растенија (Pexels). Филм за промоција на Apple, само 2D, едно континуирано снимање. Секоја сцена е направена од претходната: ништо не бледнее, не се заматува или сече. Наместо тоа, предметите ја менуваат формата: текстот се издига од линијата на маската, иконите се појавуваат од нула на пружина, лентите се повлекуваат, страниците се туркаат, а црна форма го преплавува целиот кадар и се собира во следната сцена. Топло белузлаво платно, црн кориснички интерфејс, течно стакло iOS 26 врз фотографиите. Archivo (ширина 125, тежина 800) за зборовниот знак, Geist за кориснички интерфејс. Курсорот ја движи секоја промена со вистински кликови, влечења и долги притискања. Камерата зумира во стил на екран-студио, така што секој момент го исполнува квадратот, а курсорот се скалира со него. Забрането: вкрстено замаглување, заматување, „развивање“ на осветленост, 3D превртувања, честички, светења, држи подолго од 1 секунда, сè што изгледа како шаблон. 120 BPM, 54 отчукувања, нешто се случува на секој отчук. Отвори: зборовниот знак се вметнува во својата точка како хармоника, точката расте во црна апче, етикета се крева во него. Клик: шест сечила на ирисот се затвораат над етикетата и се отвораат на фотографија. Кругот станува квадрат, се собира, мрежата се одвива зад него како хартиена мапа (центар, плус агли), се прелева во бенто, и клик се зумира во една плочка, слетувајќи точно на капката. Стакло: стаклен збор се појавува буква по буква, се топи во капка што се растегнува во стаклена лента со алатки. Иконата за прилагодување ја претвора во лизгач. Влечењето ја осветлува фотографијата од ден во златен час (две порамнети снимки), а копчето се претвора во стаклена леќа додека се држи. Се крева во стаклена сфера, следната фотографија се отвора во неа како круг, а сферата се шири во заклучен екран: цифри од стаклен часовник, датум и почетна лента што се растегнува во стаклен музички плеер. Фаза: заклучениот екран се повлекува назад во телефонот (рамката расте од работ на екранот). Динамичкиот остров се растегнува како течност, се стиска, прелетува и расте во прозорец на Mac што се крева како ролетна. Долго притиснете ја позадината, повлечете ја на табот Safari, страницата ќе се вметне, пуштете ја и таа станува херој на целната страница. Скролувајте: херојот се трансформира во врамен отпечаток на картичка на производ, при што подлогата и лајсните растат од работ на фотографијата. Изберете боја на рамката (се слика преку неа) и големина, а потоа копчето за навигација се спушта во „Нарачај отпечаток“. Подредување: една црна фигура постојано се менува: Нарачано ✓ → Печатење % → На пат (комбе на рута) → Доставено ✓. Ѕид: доставениот круг ја преплавува рамката од еден до друг крај, држи црно за еден ритам и се собира во врамениот отпечаток што виси на вистинскиот ѕиден кадар. Истиот ирис се отвора на отпечатокот, повторно се затвора, рамката го преплавува екранот и се собира во таблетата → точката → буквите повторно отскокнуваат, слетувајќи на враќањето на ритамот. Последен кадар = прв кадар. 1. Една HTML датотека, квадратна 1440x1440. Секој стил се пресметува од времето во асинхрониот seek(t): без CSS транзиции, без тајмери, без состојба помеѓу рамките. 2. Пружините се чекорни одговори во затворена форма. Вредност со многу цели е збир од една пружина по промена, па затоа останува чиста функција од времето. 3. Течно стакло: секој стаклен елемент содржи свој клон од сцената зад него, филтриран со SVG мапа на поместување на feImage (поле со заоблено правоаголно растојание) преку три feDisplacementMaps на малку различни размери за хроматски рабови, плус светло на раб. Стаклени букви: поле за растојание на платно по глиф ја дава мапата, маската и светлите точки. 4. Goo: заматување + алфа праг, потоа спојте го изворот врз него, така што стаклото ќе остане остро внатре. 5. Ирис: 6 лопатици околу шестоаголен отвор. Секое лопатиче е негово две темиња, обете продолжетоци на работ и КРАТКИОТ лак меѓу нив. 6. Стискање на зборовниот знак: секоја буква се движи кон точката за ист фактор и нејзината нацртана ширина следи (стеснете ја широчината на оската, скалирајте го остатокот), така што буквите остануваат да се допираат. 7. Снимка: повторно кодирајте го all-intra (ffmpeg -g 1), вчитајте го како URL-адреса на blob, почекајте „seeked“ пред да го нацртате секој кадар. 8. Звук: преземен SFX за секој настан (Mixkit), никогаш не синтетизиран, секој поставен според неговиот измерен врв. Песната започнува со downbeat: зумот слетува на drop-от, ѕидот седи во breakdown-от, wordmark-от се враќа со ритамот. Loudnorm до -14 LUFS. 9. Рендерирање со Playwright: 4 подфрејмови по фрејм измешани со ffmpeg tmix, 60fps. Проверете еден фрејм по ритам, а потоа скенирајте за скокови во еден фрејм (разликата во фрејмовите се зголемува 3 пати повеќе од соседните). background-filter: url() погрешно ги чита мапите на поместување во Chromium, па затоа клонирајте ја сцената. Поплавата мора да ги прескалира аглите и да трае околу 0,3 секунди, или половина од екранот се менува во еден кадар. Дете со видливост: видливо се прикажува преку скриен родител, па затоа користете наследување. Текстот што се менува во рамките на облик што се менува има потреба од сопствена маска. python http.server не може да пребарува видео во опсег, па затоа користете ја URL-адресата на blob. Прашај ме за влезните информации, потоа покажи ми ја мапата на ритамот и 4 фотографии (отворена, стаклена, сцена, ѕид) пред да го напишеш целиот филм.
Ask me for: a one-word brand name for the wordmark (a verb works best), 9 to 12 high-res photos, a royalty-free song around 120 BPM with a drop and a quiet breakdown (Mixkit, free for commercial use), and a free stock clip of a plain wall with moving plant shadows (Pexels).
An Apple-keynote launch film, 2D only, one continuous take. Every scene is made out of the previous one: nothing fades, blurs or cuts. Objects change shape instead: text rises out of a mask line, icons pop from zero on a spring, bars draw across, pages push, and a black shape floods the whole frame and contracts into the next scene. Warm off-white canvas, black UI, iOS 26 liquid glass over the photos. Archivo (wdth 125, weight 800) for the wordmark, Geist for UI. A cursor drives every change with real clicks, drags and long-presses. The camera zooms screen-studio style so each moment fills the square, and the cursor scales with it.
Banned: crossfades, blur-ins, brightness "developing", 3D flips, particles, glows, holds longer than 1s, anything that looks like a template.
120 BPM, 54 beats, something happens on every beat.
Open: the wordmark squeezes into its own period like an accordion, the dot grows into a black pill, a label rises inside it. Click: six iris blades close over the label and snap open onto a photo. The circle becomes a square, shrinks, the grid unfolds from behind it like a paper map (center, plus, corners), reflows into a bento, and a click zooms into one tile, landing exactly on the drop.
Glass: a glass word pops in letter by letter, melts into a droplet that stretches into a glass toolbar. The adjust icon turns it into a slider. Dragging relights the photo from day to golden hour (two aligned shots), and the knob turns into a glass lens while held. It lifts into a glass orb, the next photo opens inside it as a circle, and the orb expands into a lock screen: glass clock digits, date, and a home bar that stretches into a glass music player.
Stage: the lock screen pulls back into a phone (the bezel grows out of the screen edge). The Dynamic Island stretches like liquid, pinches off, flies over and grows into a Mac window that rolls up like a blind. Long-press the wallpaper, drag it onto a Safari tab, the page pushes in, drop it and it becomes the hero of a landing page. Scroll: the hero morphs into a framed print on a product card, with the mat and molding growing out of the photo's edge. Pick a frame color (it paints across) and a size, then the nav button flies down into "Order print".
Order: one black shape keeps morphing: Ordered ✓ → Printing % → On its way (a van on a route) → Delivered ✓.
Wall: the delivered circle floods the frame edge to edge, holds black for a beat, and contracts into the framed print hanging on the real wall footage. The same iris opens onto the print, closes again, the frame floods the screen and contracts into the pill → the dot → the letters spring back out, landing on the beat return. Last frame = first frame.
1. One HTML file, square 1440x1440. Every style is computed from time inside an async seek(t): no CSS transitions, no timers, no state between frames.
2. Springs are closed-form step responses. A value with many targets is the sum of one spring per change, so it stays a pure function of time.
3. Liquid glass: each glass element holds its own clone of the scene behind it, filtered with an SVG feImage displacement map (a rounded-rect distance field) through three feDisplacementMaps at slightly different scales for chromatic edges, plus a rim light. Glass letters: a canvas distance field per glyph gives the map, mask and highlights.
4. Goo: blur + alpha threshold, then composite the source atop it so the glass stays sharp inside.
5. Iris: 6 blades around a hexagonal aperture. Each blade is its two vertices, both edge extensions and the SHORT arc between them.
6. Wordmark squeeze: every letter moves toward the dot by the same factor and its drawn width follows (narrow the wdth axis, scale the rest), so the letters stay touching.
7. Footage: re-encode all-intra (ffmpeg -g 1), load it as a blob URL, await 'seeked' before drawing each frame.
8. Sound: a downloaded SFX for every event (Mixkit), never synthesized, each placed by its measured peak. The song starts on a downbeat: the zoom lands on the drop, the wall sits in the breakdown, the wordmark returns with the beat. Loudnorm to -14 LUFS.
9. Render with Playwright: 4 subframes per frame blended with ffmpeg tmix, 60fps. Check one frame per beat, then scan for single-frame pops (frame-difference spikes 3x their neighbours).
backdrop-filter: url() misreads displacement maps in Chromium, so clone the scene instead. A flood must overscale past the corners and take about 0.3s, or half the screen changes in one frame. A child with visibility: visible shows through a hidden parent, so use inherit. Text that swaps inside a morphing shape needs its own mask. python http.server can't range-seek video, so use the blob URL.
Ask me for the inputs, then show me the beat map and 4 stills (open, glass, stage, wall) before you write the full film.
Прашањето е преземено од објава @twoclipping.
- Модел
- Opus 5.5
- Стек
- HTML + Playwright
- Објавено
Направете видео како ова
Направете видеа како овие сами - 7 пати поевтино од API - со нашата екстензија за Google Chrome.. Работи со Claude преку MCP: вие ја опишувате задачата, а екстензијата го обработува процесот на генерирање од промптот до завршената датотека. Генерира видеа, ги составува, ги озвучува и ги преведува.
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