Spúšťací film aplikácie Photo Print

Požiadajte ma o: jednoslovný názov značky pre slovnú ochrannú známku (najlepšie je použiť sloveso), 9 až 12 fotografií vo vysokom rozlíšení, bezplatnú skladbu s tempom okolo 120 BPM s poklesom a tichým rozpadom (Mixkit, zadarmo na komerčné použitie) a bezplatný klip hladkej steny s pohybujúcimi sa tieňmi rastlín (Pexels).

Film z úvodnej prednášky spoločnosti Apple, iba 2D, jeden súvislý záber. Každá scéna je vytvorená z predchádzajúcej: nič nebledne, nerozmazuje sa ani nestrihá. Namiesto toho objekty menia tvar: text vystupuje z masky, ikony sa objavujú od nuly na pružine, pruhy sa kreslia, stránky sa posúvajú a čierny tvar zaplavuje celý záber a zmenšuje sa do ďalšej scény. Teplé sivobiele plátno, čierne používateľské rozhranie, tekuté sklo iOS 26 nad fotografiami. Archivo (šírka 125, hrúbka 800) pre slovnú ochrannú známku, Geist pre používateľské rozhranie. Kurzor riadi každú zmenu skutočnými kliknutiami, ťahaním a dlhými stlačeniami. Kamera priblíži obrazovku v štýle štúdia, takže každý okamih vyplní štvorec a kurzor sa s ním prispôsobí veľkosti.
Zakázané: prelínanie, rozmazanie, „vyvíjanie“ jasu, 3D prevrátenia, častice, žiara, výdrž dlhšie ako 1 s, čokoľvek, čo vyzerá ako šablóna.

120 BPM, 54 úderov, pri každom údere sa niečo deje.
Otvorené: slovná značka sa vtlačí do vlastnej bodky ako harmonika, bodka sa rozrastie do čiernej pilulky, vo vnútri sa vynorí štítok. Kliknutie: šesť čepelí dúhovky sa zatvorí nad štítkom a otvorí sa na fotografii. Kruh sa zmení na štvorec, zmenší sa, mriežka sa rozvinie spoza neho ako papierová mapa (stred, plus, rohy), pretvorí sa do benta a kliknutie priblíži na jednu dlaždicu, ktorá pristane presne na kvapke.
Sklo: sklenené slovo sa objavuje písmeno po písmene, roztaví sa do kvapky, ktorá sa roztiahne do skleneného panela s nástrojmi. Ikona úpravy ju zmení na posuvník. Potiahnutím sa fotografia znova rozsvieti z dňa na zlatú hodinu (dva zarovnané zábery) a gombík sa pri podržaní zmení na sklenenú šošovku. Zdvihne sa do sklenenej gule, ďalšia fotografia sa otvorí vo vnútri ako kruh a guľa sa roztiahne do uzamknutej obrazovky: číslice sklenených hodín, dátum a domovský panel, ktorý sa roztiahne do skleneného hudobného prehrávača.
Fáza: uzamknutá obrazovka sa zasunie do telefónu (rámik vyrastie z okraja obrazovky). Dynamický ostrov sa natiahne ako tekutina, oddelí sa, preletí cez okraj a prerastie do okna Macu, ktoré sa zroluje ako roleta. Dlho stlačte tapetu, potiahnite ju na kartu Safari, stránka sa zasunie, pustite ju a stane sa hrdinom vstupnej stránky. Posúvajte sa: hrdina sa zmení na zarámovanú tlač na karte produktu, pričom podložka a lišta vyrastajú z okraja fotografie. Vyberte farbu rámu (obrázok sa zobrazí naprieč) a veľkosť, potom navigačné tlačidlo preletí nadol do časti „Objednať tlač“.
Objednávka: jeden čierny tvar sa neustále mení: Objednané ✓ → Tlač % → Na ceste (dodávka na trase) → Doručené ✓.
Stena: dodaný kruh zaplaví záber od okraja k okraju, na chvíľu zadrží čiernu farbu a stiahne sa do zarámovanej fotografie visiacej na skutočnej stene. Tá istá clona sa otvorí na fotografii, znova sa zatvorí, záber zaplaví plátno a stiahne sa do tabletky → bodka → písmená vyskočia späť a pristanú na návrate do záberu. Posledná snímka = prvá snímka.

1. Jeden HTML súbor, štvorcový 1440x1440. Každý štýl sa vypočítava z času v rámci asynchrónneho vyhľadávania (seek(t)): žiadne prechody CSS, žiadne časovače, žiadny stav medzi snímkami.
2. Pružiny sú uzavreté skokové odozvy. Hodnota s mnohými cieľmi je súčtom jednej pružiny na zmenu, takže zostáva čistou funkciou času.
3. Tekuté sklo: každý sklenený prvok obsahuje svoj vlastný klon scény za ním, filtrovaný pomocou mapy posunutia SVG feImage (zaoblené obdĺžnikové pole vzdialenosti) cez tri mapy feDisplacementMaps v mierne odlišných mierkach pre chromatické okraje a navyše pre okrajové svetlo. Sklenené písmená: pole vzdialenosti plátna pre každý glyf poskytuje mapu, masku a zvýraznenia.
4. Lepivý efekt: rozmazanie + alfa prah, potom naň skomponujte zdroj, aby sklo zostalo vo vnútri ostré.
5. Clona: 6 lamiel okolo šesťuholníkového otvoru. Každá lamela predstavuje jej dva vrcholy, obe predĺženia hrán a krátky oblúk medzi nimi.
6. Stlačenie slovnej značky: každé písmeno sa posúva smerom k bodke o rovnaký faktor a jeho nakreslená šírka sa posúva podľa neho (zúžte os šírky, zvyšok škálujte), takže písmená sa stále dotýkajú.
7. Záznam: prekódujte all-intra (ffmpeg -g 1), načítajte ho ako blob URL, pred vykreslením každého snímku počkajte na 'seeked'.
8. Zvuk: stiahnutý SFX pre každú udalosť (Mixkit), nikdy syntetizovaný, každý umiestnený podľa nameraného vrcholu. Skladba začína na downbeate: zoom pristane na drop, wall sedí v breakdowne, wordmark sa vracia s beatom. Loudnorm na -14 LUFS.
9. Renderovanie pomocou Playwright: 4 podsnímky na snímku zmiešané s ffmpeg tmix, 60 snímok za sekundu. Skontrolujte jednu snímku na takt a potom skenujte jednotlivé snímky, či sa nevyskytujú otrasy (rozdiely medzi snímkami 3-krát vyššie ako u susedov).

Funkcia background-filter: url() nesprávne číta mapy posunutia v prehliadači Chromium, preto scénu radšej naklonujte. Záplava musí prekročiť rohy a trvať približne 0,3 sekundy, inak sa polovica obrazovky zmení v jednom zábere. Podradený objekt s visibility: visible sa zobrazuje cez skrytého rodiča, preto použite inherit. Text, ktorý sa mení vo vnútri meniacej sa štruktúry, potrebuje vlastnú masku. python http.server nedokáže vyhľadávať video podľa rozsahu, preto použite URL adresu blobu.

Požiadaj ma o vstupy a potom mi ukáž mapu rytmu a 4 statické zábery (otvorený priestor, sklo, pódium, stena), 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 prevzatá z príspevok @twoclipping.