Argazki inprimatzeko aplikazioaren abiarazteko filma

Eskatu iezadazu: hitz-markarentzako hitz bakarreko marka-izen bat (aditz bat erabiltzea da egokiena), 9-12 bereizmen handiko argazki, 120 BPM inguruko abesti bat, errege-eskubiderik gabekoa, jaitsiera batekin eta atsedenaldi lasai batekin (Mixkit, doakoa erabilera komertzialerako), eta landare-itzal mugikorrak dituen horma soil baten stock-klip bat doan (Pexels).

Apple-ren hitzaldiaren aurkezpen film bat, 2D soilik, hartualdi jarraitu bakarra. Eszena bakoitza aurrekotik egina dago: ezer ez da desagertzen, lausotzen edo mozten. Objektuek forma aldatzen dute, horren ordez: testua maskara-lerro batetik ateratzen da, ikonoak malguki batean zerotik ateratzen dira, barrak zeharkatzen dira, orrialdeak bultzatzen dira eta forma beltz batek marko osoa hartzen du eta hurrengo eszenara uzkurtzen da. Mihise zuri-zuri epela, UI beltza, iOS 26 beira likidoa argazkien gainean. Archivo (zabalera 125, pisua 800) hitz-markarako, Geist UIrako. Kurtsore batek gidatzen ditu aldaketa guztiak klik, arrastatze eta sakatze luzeekin. Kamerak pantaila-estudioko estiloan zooma egiten du, une bakoitzak karratua betetzen den bitartean, eta kurtsorea harekin batera eskalatzen den bitartean.
Debekatuta: gurutzadurak, lausotzeak, distira "garatzen" ari den irudia, 3D iraulketak, partikulak, distirak, 1s baino gehiago irauten duten irudiak, txantiloi baten itxura duen edozer.

120 BPM, 54 taupada, zerbait gertatzen da taupada bakoitzean.
Ireki: hitz-marka bere puntuan estutzen da akordeoi bat bezala, puntua pilula beltz bihurtzen da, etiketa bat altxatzen da barruan. Klik: sei iris-xaflak etiketaren gainean ixten dira eta argazki batean irekitzen dira. Zirkulua karratu bihurtzen da, txikitu egiten da, sareta atzetik zabaltzen da paper-mapa bat bezala (erdigunea, gehi, izkinak), bento batean berriro biltzen da, eta klik batek teila batean handitzen du zooma, tanta gainean zehazki lurreratuz.
Kristalezko hitz bat letraz letra agertzen da, tanta txiki batean urtzen da eta kristalezko tresna-barra batean luzatzen da. Doikuntza-ikonoak graduatzaile bihurtzen du. Arrastatzean, argazkia egunetik ordu urre-ordura (bi argazki lerrokatu) berriro argitzen da, eta botoia kristalezko lente bihurtzen da sakatuta edukitzean. Kristalezko esfera batean altxatzen da, hurrengo argazkia zirkulu gisa irekitzen da barruan, eta esfera blokeo-pantaila batean zabaltzen da: kristalezko erlojuaren digituak, data eta hasierako barra bat, kristalezko musika-erreproduzitzaile batean luzatzen dena.
Etapa: blokeatutako pantaila telefono baten itxura hartzen du (ertz-ertzetik ateratzen da markoa). Irla Dinamikoa likido bat bezala luzatzen da, askatzen da, hegan egiten du eta Mac leiho batean hazten da, pertsiana baten moduan bilduta. Sakatu luze horma-papera, arrastatu Safari fitxa batera, orrialdea barrura sartzen da, askatu eta lurreratze-orri baten protagonista bihurtzen da. Joan: heroia produktu-txartel bateko markoztatutako inprimaketa bihurtzen da, oinarria eta moldura argazkiaren ertzetik ateratzen direla. Aukeratu markoaren kolorea (zeharka margotzen du) eta tamaina bat, eta nabigazio-botoia "Inprimaketa eskatu" atalera jaisten da.
Ordena: forma beltz bat etengabe eraldatzen ari da: Eskatuta ✓ → Inprimatzen % → Bidean (furgoneta bat ibilbide batean) → Entregatuta ✓.
Horma: entregatutako zirkuluak fotograma gainezka egiten du ertzetik ertzera, beltzez eusten du taupada batez, eta benetako horma-irudian zintzilik dagoen markoztatutako inprimaketan uzkurtzen da. Iris bera inprimaketan irekitzen da, berriro ixten da, fotogramak pantaila gainezka egiten du eta pilulan uzkurtzen da → puntuan → letrak berriro ateratzen dira, taupada itzuleran lurreratuz. Azken fotograma = lehenengo fotograma.

1. HTML fitxategi karratu bat, 1440x1440 neurrikoa. Estilo guztiak denboratik kalkulatzen dira async seek(t) baten barruan: ez CSS trantsiziorik, ez tenporizadorerik, ez fotograma arteko egoerarik.
2. Malgukiak erantzun itxiak dira. Helburu asko dituen balio bat aldaketa bakoitzeko malguki baten batura da, beraz, denboraren funtzio hutsa izaten jarraitzen du.
3. Beira likidoa: beirazko elementu bakoitzak eszenaren klon propioa dauka atzean, SVG feImage desplazamendu mapa batekin (laukizuzen biribildutako distantzia eremu bat) iragazita hiru feDisplacementMap-en bidez, eskala apur bat desberdinetan, ertz kromatikoetarako, gehi ertz-argi bat. Beirazko letrak: mihise-distantzia eremu batek glifo bakoitzeko mapa, maskara eta nabarmentzeak ematen ditu.
4. Goo: lausotzea + alfa atalasea, ondoren konposatu iturria gainean, beira barrutik zorrotz mantentzeko.
5. Irisa: 6 pala irekidura hexagonal baten inguruan. Pala bakoitza bere bi erpinak dira, bi ertzen luzapenak eta bien arteko ARKU LABURRA.
6. Hitz-marka estutzea: letra guztiak punturantz faktore berarekin mugitzen dira eta marraztutako zabalerak jarraitzen dio (zabalera-ardatza estutu, gainerakoa eskalatu), beraz, letrak elkar ukitzen jarraitzen dute.
7. Irudiak: barruko guztia berriro kodetu (ffmpeg -g 1), blob URL gisa kargatu, 'seeked' itxaron fotograma bakoitza marraztu aurretik.
8. Soinua: gertaera bakoitzerako deskargatutako SFX bat (Mixkit), inoiz sintetizatu gabea, bakoitza bere gailur neurtuaren arabera kokatua. Abestia erritmo baxu batean hasten da: zooma erorketan erortzen da, horma matxuran kokatzen da, hitz-marka erritmoarekin batera itzultzen da. Loudnorm -14 LUFS-ra.
9. Playwright -ekin errendatu: 4 azpifotograma fotograma bakoitzeko ffmpeg tmix nahastuta, 60 fps-tan. Egiaztatu fotograma bat taupada bakoitzeko, eta gero eskaneatu fotograma bakarreko pop-ak (fotograma-aldearen puntak bizilagunen 3 aldiz handiagoak).

backdrop-filter: url()-k Chromium-en desplazamendu-mapak gaizki irakurtzen ditu, beraz, eszena klonatu behar da. Uholde batek izkinak gainditu eta 0,3 segundo inguru behar izan behar ditu, edo pantailaren erdia fotograma batean aldatzen da. Visibility: visible duen seme-alaba bat guraso ezkutu baten bidez agertzen da, beraz, erabili inherit. Forma baten barruan aldatzen den testuak bere maskara behar du. python http.server-ek ezin du bideoa barruti-bilaketa egin, beraz, erabili blob URLa.

Eskatu sarrerak, eta gero erakutsi erritmo-mapa eta 4 argazki (irekia, beirazkoa, eszenatokia, horma) film osoa idatzi aurretik.

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.

Gomendioa hemendik hartua mezua @twoclipping.