Filime yo gutangiza porogaramu yo gucapa amafoto

Mumbaze: izina ry'ikirango cy'ijambo rimwe (inshinga ikora neza), amafoto 9 kugeza kuri 12 afite resitora nyinshi, indirimbo idafite igiciro hafi ya 120 BPM hamwe n'agace gato n'agace gato (Mixkit, ubuntu ikoreshwa mu bucuruzi), hamwe n'agace k'urukuta rusanzwe rufite igicucu cy'ibimera bigenda (Pexels).

Filime yo gutangiza Apple, 2D gusa, ifatwa rimwe rihoraho. Buri gice cyakozwe mu cyabanje: nta kintu na kimwe gishira, kidasobanutse cyangwa ngo gicike. Ibintu bihindura imiterere ahubwo: inyandiko izamuka iva ku murongo wa mask, utumenyetso dusohoka kuva kuri zeru ku isoko, utubari ducamo, amapaji asunika, n'imiterere y'umukara ikwirakwira mu gice cyose hanyuma igafatana mu gice gikurikira. Ifoto ishyushye y'umweru, UI y'umukara, ikirahure cy'amazi cya iOS 26 hejuru y'amafoto. Archivo (ubugari bwa 125, uburemere bwa 800) ku ijambo, Geist kuri UI. Indanganturo iyobora impinduka zose hamwe no gukanda nyabyo, gukurura no gukanda kure. Kamera ikora imiterere ya studio kugira ngo buri kanya kuzuye kare, kandi indanganturo ishyireho.
Byabujijwe: gusibangana, gusibangana, "urumuri" rurimo gutera imbere, guhindukira kwa 3D, uduce duto, urumuri, bimara igihe kirenze 1s, ikintu cyose gisa n'icyitegererezo.

120 BPM, 54 beats, hari ikintu kibaho kuri buri beats.
Fungura: ikimenyetso cy'ijambo cyinjira mu gihe cyacyo nk'akadomo, akadomo karakura kagahinduka ikinini cy'umukara, ikirango kikazamuka imbere muri cyo. Kanda: impumuro esheshatu z'iris zifunga ikirango hanyuma zigakingura ku ifoto. Uruziga ruhinduka kare, rugacika, urusobe rw'amashusho rugafunguka inyuma yarwo nk'ikarita y'impapuro (hagati, hamwe n'imfuruka), rukongera rugahinduka bento, hanyuma gukanda gato kagahinduka agasanduku kamwe, kagaturika neza neza ku gitonyanga.
Ikirahure: ijambo ry'ikirahure risohoka mu nyuguti ku nyuguti, rigashonga mu kantu gato kagera mu gikoresho cy'ikirahure. Agashushanyo k'ihindura kayihindura slider. Gukurura bisubiza urumuri rw'ifoto kuva ku munsi kugeza ku isaha y'izahabu (amafoto abiri agororotse), hanyuma akantu gahinduka lenzi y'ikirahure mu gihe kafashwe. Kazamuka kakagera mu gikoresho cy'ikirahure, ifoto ikurikira igakinguka imbere muri cyo nk'uruziga, maze orb ikaguka ikagera mu gikoresho cyo gufunga: imibare y'isaha y'ikirahure, itariki, n'agasanduku ko mu rugo kagera mu gikoresho cyo gucuranga umuziki cy'ikirahure.
Icyiciro: ecran yo gufunga igaruka muri telefoni (agace k'inyuma karakura kava ku nkombe ya ecran). Ikirwa cya Dynamic kirakura nk'amazi, kiracika, kiraguruka kikamera nk'idirishya rya Mac rizunguruka nk'idirishya. Kanda umwanya munini ku rupapuro rw'inyuma, urukurure kuri tab ya Safari, urupapuro rurahita rwinjira, rurarushyiramo maze ruhinduka intwari y'urupapuro rwo kumanuka. Kanda: intwari ihinduka inyuguti iri ku ikarita y'ibicuruzwa, hamwe n'umugozi n'ibishushanyo bikura ku nkombe y'ifoto. Hitamo ibara rya frame (irashushanya) n'ingano, hanyuma buto yo kumanuka imanuka muri "Oda icapa".
Itondekanya: ishusho imwe y'umukara ikomeza guhinduka: Yategetswe ✓ → Icapa % → Irimo kugenda (ikamyo iri mu nzira) → Yatanzwe ✓.
Urukuta: uruziga rwatanzwe rurekura impande z'urukuta, rufata umukara kugira ngo rube umuvuduko, hanyuma rugafatana n'inyuguti iri ku rukuta. Indorerwamo imwe irafunguka ku rupapuro, irafunga, inyuguti irapfundika ku ifoto hanyuma ifatana n'inyuguti → akadomo → inyuguti zisubira inyuma, zigwa ku ifoto. Ishusho ya nyuma = ishusho ya mbere.

1. Dosiye imwe HTML, kare 1440x1440. Buri buryo bubarwa uhereye igihe muri async seek(t): nta mpinduka CSS, nta gihe, nta miterere iri hagati y'amakaramu.
2. Imisozi ni ibisubizo by'intambwe zifunze. Agaciro gafite intego nyinshi ni igiteranyo cy'isoko rimwe kuri buri mpinduka, bityo iguma ari imikorere y'igihe gusa.
3. Ikirahure cy'amazi: buri kintu cy'ikirahure gifite ishusho yacyo y'ahantu kiri inyuma yacyo, gisukurwa hakoreshejwe ikarita SVG feImage (umwanya w'intera ifite uruziga) binyuze muri feDisplacementMaps eshatu ku bipimo bitandukanye gato ku mpande za chromatic, hamwe n'urumuri rw'umurambararo. Inyuguti z'ikirahure: umwanya w'intera ya canvas kuri buri glyph utanga ikarita, agapfukamunwa n'ibintu by'ingenzi.
4. Goo: shyiramo ibara ry'urumuri + alpha threshold, hanyuma ushyiremo isoko hejuru yaryo kugira ngo ikirahure gikomeze kuba cyiza imbere.
5. Iris: Ibyuma 6 bikikije umwobo wa hexagonal. Buri byuma bifite impande ebyiri, impande zombi n'igice gito kiri hagati yabyo.
6. Gukanda amagambo: buri nyuguti ijya ku kadomo ukoresheje ikintu kimwe kandi ubugari bwayo bukurikira (gabanya umurambararo w'ubugari, gabanya ibisigaye), bityo inyuguti zigakomeza gukorakora.
7. Amashusho: ongera ushyiremo kode ya all-intra (ffmpeg -g 1), uyishyiremo nka blob URL, tegereza 'wanted' mbere yo gushushanya buri frame.
8. Ijwi: SFX yakuwe kuri buri gikorwa (Mixkit), itigeze ikorwa, buri imwe ishyirwa ku rugero rwayo rwapimwe. Indirimbo itangirira ku muvuduko ukabije: zoom igwa ku gipimo, urukuta ruhagarara mu gice cyayo, ikimenyetso cy'ijambo kigaruka hamwe n'umuvuduko. Ijwi rirenga kuri -14 LUFS.
9. Gushushanya hamwe Playwright: uduce duto 4 kuri buri gasanduku twavanzwe na ffmpeg tmix, 60fps. Reba agasanduku kamwe kuri buri gishushanyo, hanyuma ushake uduce duto tw'agasanduku kamwe (uduce duto tw'agasanduku twiyongera inshuro 3 kuri bagenzi babo).

background-filter: url() isoma nabi amakarita yo kwimura muri Chromium, bityo ikore igishushanyo cy'aho hantu. Amazi agomba kurenga impande maze agafata 0.3s, cyangwa kimwe cya kabiri cy'impinduka za ecran muri frame imwe. Umwana ufite visibility: visible agaragara binyuze ku mubyeyi wihishe, bityo koresha inherit. Inyandiko ihinduranya imbere mu ishusho ihindura ikenera mask yayo. python http.server ntabwo ishobora gushaka videwo, bityo koresha URL ya blob.

Mbaza ibitekerezo, hanyuma unyereke ikarita y'indirimbo n'amashusho ane (afunguye, ikirahure, urubyiniro, urukuta) mbere yuko wandika filime yose.

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.

Itangazo ryavuye kuri ubutumwa @twoclipping.