Spouštěcí film aplikace Photo Print

Požádejte mě o: jednoslovný název značky pro slovní ochrannou známku (nejlépe se hodí sloveso), 9 až 12 fotografií ve vysokém rozlišení, royalty-free skladbu s rytmem kolem 120 BPM s poklesem a tichým breakdownem (Mixkit, zdarma pro komerční použití) a bezplatný klip hladké zdi s pohyblivými stíny rostlin (Pexels).

Film k uvedení Applu na trh, pouze 2D, jeden nepřetržitý záběr. Každá scéna je vytvořena z té předchozí: nic nebledne, nerozmazává se ani neřezá. Objekty místo toho mění tvar: text vystupuje z masky, ikony se na pružině objevují od nuly, pruhy se kreslí, stránky se posouvají a černý tvar zaplavuje celý záběr a smršťuje se do další scény. Teplé špinavě bílé plátno, černé uživatelské rozhraní, tekuté sklo iOS 26 přes fotografie. Archivo (šířka 125, tloušťka 800) pro slovní označení, Geist pro uživatelské rozhraní. Kurzor řídí každou změnu skutečnými kliknutími, tažením a dlouhým stisknutím. Kamera přibližuje obrazovku ve stylu studia, takže každý okamžik vyplní čtverec a kurzor se s ním škáluje.
Zakázáno: prolínání, rozmazání, "vyvíjení" jasu, 3D převrácení, částice, záře, výdrž déle než 1 s, cokoli, co vypadá jako šablona.

120 BPM, 54 úderů, s každým úderem se něco děje.
Otevřeno: slovní symbol se vmáčkne do své tečky jako harmonika, tečka se rozroste do černé pilulky, uvnitř se vynoří štítek. Kliknutí: šest lamel clony se sevře nad štítkem a rozevře se na fotografii. Kruh se změní na čtverec, zmenší se, mřížka se za ním rozvine jako papírová mapa (střed, plus, rohy), přeplní se do bento a kliknutím se přiblíží na jednu dlaždici, která dopadne přesně na drop.
Sklo: písmeno po písmenu se objevuje skleněné slovo, které se roztaví v kapku, jež se roztáhne do skleněného panelu nástrojů. Ikona úpravy jej promění v posuvník. Tažením se fotografie změní z denní na zlatou hodinu (dva zarovnané snímky) a knoflík se při podržení promění ve skleněnou čočku. Zvedne se do skleněné koule, uvnitř se otevře další fotografie jako kruh a koule se roztáhne do zamykací obrazovky: číslice skleněných hodin, datum a domovský panel, který se roztáhne do skleněného hudebního přehrávače.
Fáze: zamykací obrazovka se zatáhne do telefonu (rámeček vyrůstá z okraje obrazovky). Dynamický ostrov se natahuje jako tekutina, odděluje se, přelétne a vyroste v okno Macu, které se sroluje jako roleta. Dlouze stiskněte tapetu, přetáhněte ji na kartu Safari, stránka se zasune, umístěte ji a stane se z ní hrdina vstupní stránky. Posouvání: hrdina se promění v zarámovaný tisk na kartě produktu, přičemž podložka a lišta vyrůstají z okraje fotografie. Vyberte barvu rámečku (obrázek se vytvoří přes okraj) a velikost, poté navigační tlačítko přeletí dolů do sekce „Objednat tisk“.
Objednávka: jeden černý tvar se neustále mění: Objednáno ✓ → Tisk % → Na cestě (dodávka na trase) → Doručeno ✓.
Zeď: dodaný kruh zaplaví záběr od okraje k okraji, na chvíli zadrží černou barvu a smrští se do zarámovaného obrazu visícího na skutečném záběru zeď. Stejná clona se otevře na obrazu, znovu se zavře, rámeček zaplaví plátno a smrští se do pilulky → tečka → písmena vyskočí zpět a přistanou na konci záběru. Poslední snímek = první snímek.

1. Jeden HTML soubor, čtverec 1440x1440. Každý styl je vypočítán z času uvnitř asynchronní funkce seek(t): žádné přechody CSS, žádné časovače, žádný stav mezi snímky.
2. Pružiny jsou uzavřené skokové odezvy. Hodnota s mnoha cíli je součtem jedné pružiny na změnu, takže zůstává čistě funkcí času.
3. Tekuté sklo: každý skleněný prvek obsahuje svůj vlastní klon scény za ním, filtrovaný pomocí mapy posunutí SVG feImage (zaoblené obdélníkové pole vzdálenosti) přes tři feDisplacementMapy v mírně odlišných měřítkách pro chromatické hrany a navíc okrajové světlo. Skleněná písmena: pole vzdálenosti plátna pro každý glyf poskytuje mapu, masku a zvýraznění.
4. Lepkavý efekt: rozostření + alfa práh, poté na něj komponujte zdroj, aby sklo uvnitř zůstalo ostré.
5. Clona: 6 lamel kolem šestiúhelníkového otvoru. Každá lamela představuje její dva vrcholy, obě prodloužení hran a krátký oblouk mezi nimi.
6. Zúžení slovní značky: každé písmeno se posouvá směrem k tečce o stejný faktor a jeho nakreslená šířka se s ním posouvá (zúžení osy šířky, škálování zbytku), takže písmena se stále dotýkají.
7. Záběry: překódujte all-intra (ffmpeg -g 1), načtěte je jako blob URL, před vykreslením každého snímku vyčkejte na 'seeked'.
8. Zvuk: stažený SFX pro každou událost (Mixkit), nikdy syntetizovaný, každý umístěný podle naměřeného vrcholu. Píseň začíná na downbeatu: zoom dopadne na drop, zeď se nachází v breakdownu, slovní značka se vrací s beatem. Loudnorm na -14 LUFS.
9. Renderování s Playwright: 4 dílčí snímky na snímek, smíchané s ffmpeg tmix, 60 fps. Kontrola jednoho snímku na takt a následné skenování jednotlivých snímků s výraznými změnami (rozdíly snímků 3x větší než u sousedů).

Funkce backdrop-filter: url() v Chromu špatně čte mapy posunutí, proto scénu raději naklonujte. Záplava musí překročit hranice rohů a trvat asi 0,3 s, jinak se v jednom snímku změní polovina obrazovky. Podřízený objekt s parametrem visibility: visible se zobrazuje skrz skrytého rodiče, proto použijte inherit. Text, který se prohazuje uvnitř měnícího se tvaru, potřebuje vlastní masku. python http.server nemůže vyhledávat video podle rozsahu, proto použijte URL objektu blob.

Zeptej se mě na vstupy a pak mi ukaž mapu rytmu a 4 statické záběry (otevřený prostor, sklo, pódium, zeď), než napíšeš celý film.

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.

Výzva převzata z zveřejnit @twoclipping.