Filmo por lanĉo de aplikaĵo por foto-presaĵo

Petu de mi: unuvortan markonomon por la vortmarko (verbo funkcias plej bone), 9 ĝis 12 alt-rezoluciajn fotojn, senpagan kanton ĉirkaŭ 120 BPM kun falo kaj kvieta kolapso (Mixkit, senpaga por komerca uzo), kaj senpagan arkivan filmeton de simpla muro kun moviĝantaj plantaj ombroj (Pexels).

Filmeto por lanĉo de ĉefprelego de Apple, nur 2D, unu kontinua provo. Ĉiu sceno estas farita el la antaŭa: nenio paliĝas, malklariĝas aŭ tranĉiĝas. Objektoj anstataŭe ŝanĝas formon: teksto leviĝas el maskolinio, ikonoj ŝprucas de nulo sur risorto, stangoj desegniĝas trans, paĝoj puŝiĝas, kaj nigra formo inundas la tutan kadron kaj kuntiriĝas en la sekvan scenon. Varma blankeca kanvaso, nigra uzantinterfaco, likva vitro kun iOS 26 super la fotoj. Archivo (larĝo 125, pezo 800) por la vortmarko, Geist por la uzantinterfaco. Kursoro pelas ĉiun ŝanĝon per realaj klakoj, trenoj kaj longpremoj. La fotilo zomas ekran-studia stilo, do ĉiu momento plenigas la kvadraton, kaj la kursoro skaliĝas kun ĝi.
Malpermesitaj: krucfadoj, malklarigoj, brileco "disvolviĝanta", 3D-turniĝoj, partikloj, briloj, tenadoj pli longe ol 1 sekundo, io ajn, kio aspektas kiel ŝablono.

120 BPM, 54 taktoj, io okazas ĉe ĉiu takto.
Malfermite: la vortsigno premiĝas en sian propran punkton kiel akordiono, la punkto kreskas en nigran pilolon, etikedo leviĝas interne de ĝi. Klako: ses irisaj klingoj fermiĝas super la etikedo kaj malfermiĝas sur foton. La cirklo fariĝas kvadrato, ŝrumpas, la krado disvolviĝas de malantaŭ ĝi kiel papera mapo (centro, plus, anguloj), refluas en bentonon, kaj klako zomas en unu kahelon, alteriĝante precize sur la guto.
Vitro: vorto "vitro" aperas litero post litero, fandiĝas en guteton kiu etendiĝas en vitran ilobreton. La alĝustig-ikono transformas ĝin en ŝovilon. Trenado relumigas la foton de tago al ora horo (du vicigitaj fotoj), kaj la tenilo transformiĝas en vitran lenson dum tenato. Ĝi leviĝas en vitran globon, la sekva foto malfermiĝas interne kiel cirklo, kaj la globo disetendiĝas en ŝlosilan ekranon: vitraj horloĝaj ciferoj, dato, kaj hejma breto kiu etendiĝas en vitran muzikludilon.
Etapo: la ŝlosila ekrano retiriĝas en telefonon (la kadro kreskas el la ekrana rando). La Dinamika Insulo streĉiĝas kiel likvaĵo, pinĉas, flugas super kaj kreskas en Mac-fenestron kiu ruliĝas supren kiel rulkurteno. Longe premu la tapeton, trenu ĝin al Safari-langeto, la paĝo enpuŝiĝas, faligu ĝin kaj ĝi fariĝas la heroo de surteriĝa paĝo. Rulumu: la heroo transformiĝas en enkadrigitan presaĵon sur produkta karto, kun la paspato kaj fandado kreskantaj el la rando de la foto. Elektu kadran koloron (ĝi pentras trans) kaj grandecon, tiam la navigbutono flugas malsupren al "Mendi presaĵon".
Ordo: unu nigra formo daŭre metamorfoziĝas: Mendita ✓ → Presanta % → Survoje (kamioneto sur itinero) → Liverita ✓.
Muro: la liverita cirklo inundas la kadron de rando al rando, tenas nigron por takto, kaj kuntiriĝas en la enkadrigitan presaĵon pendantan sur la reala murfilmaĵo. La sama iriso malfermiĝas sur la presaĵon, fermiĝas denove, la kadro inundas la ekranon kaj kuntiriĝas en la pilolon → la punkton → la literoj resaltas, alteriĝante ĉe la reveno de la takto. Lasta kadro = unua kadro.

1. Unu HTML dosiero, kvadrata grandeco 1440x1440. Ĉiu stilo estas kalkulata ekde tempo ene de nesinkrona serĉo(t): neniuj CSS transiroj, neniuj tempigiloj, neniu stato inter kadroj.
2. Risortoj estas fermitformaj paŝorespondoj. Valoro kun multaj celoj estas la sumo de unu risorto por ŝanĝo, do ĝi restas pura funkcio de tempo.
3. Likva vitro: ĉiu vitra elemento tenas sian propran klonon de la sceno malantaŭ ĝi, filtrita per SVG feImage-delokiĝmapo (rond-rektangula distanca kampo) tra tri feDisplacementMaps je iomete malsamaj skaloj por kromataj randoj, plus randlumo. Vitraj literoj: kanvasa distanca kampo por ĉiu glifo donas la mapon, maskon kaj lumigilojn.
4. Gluaĵo: malklareco + alfa-sojlo, poste kunmetu la fonton sur ĝi por ke la vitro restu akra interne.
5. Iriso: 6 klingoj ĉirkaŭ seslatera aperturo. Ĉiu klingo estas ĝiaj du verticoj, ambaŭ rando-etendaĵoj kaj la MALLONGA arko inter ili.
6. Vortmarka kunpremo: ĉiu litero moviĝas al la punkto laŭ la sama faktoro kaj ĝia desegnita larĝo sekvas (mallarĝigu la larĝan akson, skaligu la reston), do la literoj restas tuŝantaj sin.
7. Filmaĵo: rekodigu ĉion-en-interna (ffmpeg -g 1), ŝargu ĝin kiel blob-URL-on, atendu 'serĉitan' antaŭ ol desegni ĉiun kadron.
8. Sono: elŝutita SFX por ĉiu evento (Mixkit), neniam sintezita, ĉiu lokita laŭ sia mezurita pinto. La kanto komenciĝas per malrapida pulso: la zumo alteriĝas sur la falon, la muro sidas en la disfalo, la vortsigno revenas kun la pulso. Laŭtnormo ĝis -14 LUFS.
9. Bildigu per Playwright: 4 subkadroj po kadro miksitaj kun ffmpeg tmix, 60 kadroj po sekundo. Kontrolu unu kadron po takto, poste skanu por unu-kadraj ŝprucoj (kadrodiferencaj pikiloj 3-oble pli altaj ol siaj najbaroj).

`background-filter: url()` mislegas delokiĝmapojn en Chromium, do klonu la scenon anstataŭe. `Fluo devas superskali preter la anguloj kaj daŭri ĉirkaŭ 0.3 sekundojn, aŭ duono de la ekrano ŝanĝiĝas en unu kadro.` `Inundo kun `visible`` montriĝas tra kaŝita gepatro, do uzu `inherit`.` `Teksto kiu ŝanĝiĝas ene de metamorfoza formo bezonas sian propran maskon. `python http.server` ne povas interval-serĉi filmeton, do uzu la `blob` URL-on.

Petu de mi la enigaĵojn, poste montru al mi la ritmmapon kaj 4 senmovajn bildojn (malferma, vitro, scenejo, muro) antaŭ ol vi skribos la plenan filmon.

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.

Instigo prenita de afiŝo @twoclipping.