تنظیم کول: د عکس چاپ اپلیکیشن لانچ فلم

له ما څخه وغواړئ: د کلمې نښه لپاره د یوې کلمې برانډ نوم (یو فعل غوره کار کوي)، له 9 څخه تر 12 پورې لوړ ریزولوشن عکسونه، د 120 BPM شاوخوا د امتیاز څخه پاک سندره د څاڅکي او خاموش ماتیدو سره (مکسکیټ، د سوداګریزې کارونې لپاره وړیا)، او د حرکت کونکي نبات سیوري سره د ساده دیوال وړیا سټاک کلپ (پیکسلز).

د ایپل کلیدي لانچ فلم، یوازې 2D، یو دوامداره ټیک. هره صحنه د مخکینۍ صحنې څخه جوړه شوې ده: هیڅ شی نه تیاره کیږي، نه تیاره کیږي یا نه پرې کیږي. شیان پرځای یې شکل بدلوي: متن د ماسک لاین څخه راپورته کیږي، عکسونه له صفر څخه په پسرلي کې راپورته کیږي، بارونه راښکته کیږي، پاڼې فشار ورکوي، او تور شکل ټول چوکاټ ډکوي او په راتلونکي صحنه کې انقباض کوي. ګرم آف سپین کینوس، تور UI، د عکسونو په سر iOS 26 مایع شیشه. د کلمې نښه لپاره آرشیف (wdth 125، وزن 800)، د UI لپاره Geist. یو کرسر هر بدلون د ریښتیني کلیکونو، ډریګونو او اوږد فشارونو سره پرمخ وړي. کیمره د سکرین سټوډیو سټایل زوم کوي نو هره شیبه مربع ډکوي، او کرسر د هغې سره اندازه کوي.
منع شوي: کراس فیډونه، بلور انونه، روښانتیا "پرمختللې"، 3D فلیپونه، ذرات، ځلیدل، د 1 ثانیو څخه ډیر وخت نیسي، هر هغه څه چې د ټیمپلیټ په څیر ښکاري.

۱۲۰ BPM ، ۵۴ ضربان، په هره ضربان کې یو څه پیښیږي.
خلاص: د کلمې نښه د اکارډین په څیر په خپل دور کې نښلي، نقطه په تور ګولۍ کې وده کوي، یو لیبل یې دننه راپورته کیږي. کلیک: شپږ د ایرس تیغونه د لیبل په سر تړل کیږي او په عکس کې خلاصیږي. دایره مربع کیږي، لنډیږي، گرډ د کاغذ نقشې (مرکز، جمع، کونجونو) په څیر د هغې شاته راښکاره کیږي، په بینټو کې بیرته جریان کوي، او یو کلیک په یوه ټایل کې زوم کیږي، په سمه توګه په څاڅکي کې راښکته کیږي.
شیشه: د شیشې کلمه په تورو کې راښکته کیږي، په یوه څاڅکي کې منحل کیږي چې د شیشې وسیلې پټې ته غځیږي. د تنظیم کولو آیکون دا په سلایډر بدلوي. ډریګ کول عکس له ورځې څخه تر طلایی ساعت پورې روښانه کوي (دوه سره سمون لرونکي شاټونه)، او نوب د نیول کیدو پرمهال په شیشې لینز بدلیږي. دا د شیشې په مدار کې پورته کیږي، راتلونکی عکس دننه د حلقې په توګه خلاصیږي، او مدار په لاک سکرین کې پراخیږي: د شیشې ساعت شمیرې، نیټه، او د کور بار چې د شیشې میوزیک پلیر ته غځیږي.
مرحله: د لاک سکرین بیرته تلیفون ته راښکته کیږي (بیزل د سکرین له څنډې څخه راپورته کیږي). ډینامیک ټاپو د مایع په څیر غځیږي، چپ کیږي، الوتنه کوي او د میک کړکۍ ته وده کوي چې د پردې په څیر پورته کیږي. وال پیپر اوږد فشار ورکړئ، په سفاري ټب کې یې کش کړئ، پاڼه دننه کوي، غورځوي او دا د لینډینګ پاڼې اتل کیږي. سکرول: هیرو د محصول کارت کې په چوکاټ شوي چاپ کې شکل کوي، د میټ او مولډینګ سره د عکس له څنډې څخه وده کوي. د چوکاټ رنګ (دا په اوږدو کې رنګ کوي) او اندازه غوره کړئ، بیا د نیویګ تڼۍ "آرډر چاپ" ته الوتنه کوي.
ترتیب: یو تور شکل بدلیږي: امر شوی ✓ → چاپ شوی % → په لاره روان دی (په لاره کې یو وین) → تحویل شوی ✓.
دیوال: ورکړل شوی دایره د چوکاټ له څنډې څخه تر څنډې پورې ډکوي، د بیټ لپاره تور رنګ ساتي، او په اصلي دیوال فوٹیج کې ځړول شوي چوکاټ شوي چاپ سره انقباض کوي. ورته ایرس په چاپ باندې خلاصیږي، بیا تړل کیږي، چوکاټ سکرین ډکوي او په ګولۍ → نقطه → لیکونه بیرته راوتلي، د بیټ بیرته راستنیدو سره. وروستی چوکاټ = لومړی چوکاټ.

۱. یو HTML فایل، مربع ۱۴۴۰x۱۴۴۰. هر سټایل د غیر متقابل seek(t) دننه د وخت څخه محاسبه کیږي: نه CSS لیږدونه، نه ټایمرونه، نه د چوکاټونو ترمنځ حالت.
۲. سپرینګونه د تړلو مرحلو غبرګونونه دي. د ډیری هدفونو سره ارزښت د هر بدلون لپاره د یو سپرینګ مجموعه ده، نو دا د وخت خالص فعالیت پاتې کیږي.
۳. مایع شیشه: د شیشې هر عنصر د خپل شاته صحنې خپل کلون لري، د SVG feImage بې ځایه کولو نقشې (یو ګرد-مستطیل واټن ساحه) سره فلټر شوی چې د کروماتیک څنډو لپاره په یو څه مختلف پیمانه کې د دریو feDisplacementMaps له لارې، او همدارنګه د څنډې رڼا. د شیشې لیکونه: د هر ګلیف لپاره د کینوس د واټن ساحه نقشه، ماسک او مهم ټکي ورکوي.
۴. ګو: بلور + الفا حد، بیا سرچینه د هغې په سر کې ترکیب کړئ ترڅو شیشه دننه تیزه پاتې شي.
۵. د عنبیه زنبق: د شپږ ګونې خلاصې شاوخوا ۶ تیغونه. هر تیغ د هغې دوه څوکې دي، دواړه څنډې غځول او د دوی ترمنځ لنډ قوس.
۶. د کلمې نښه فشارول: هر توری د نقطې په لور د ورته فکتور په واسطه حرکت کوي او د هغې رسم شوی عرض تعقیبوي (د دوهم محور تنګ کړئ، پاتې برخه اندازه کړئ)، نو توري په تماس کې پاتې کیږي.
۷. فوٹیج: ټول-انټرا (ffmpeg -g ۱) بیا کوډ کړئ، د بلاب URL په توګه یې پورته کړئ، د هر چوکاټ د رسم کولو دمخه 'غوښتل شوی' ته انتظار وکړئ.
۸. غږ: د هرې پیښې لپاره ډاونلوډ شوی SFX (مکسکیټ)، هیڅکله ترکیب شوی نه دی، هر یو یې د خپل اندازه شوي لوړوالي سره ځای په ځای شوی. سندره په ښکته بیټ پیل کیږي: زوم په څاڅکي کې راښکته کیږي، دیوال په ماتیدو کې ناست دی، د کلمې نښه د بیټ سره بیرته راځي. لوډنورم -۱۴ LUFS ته.
۹. Playwright سره رینډر: په هر چوکاټ کې ۴ فرعي چوکاټونه ffmpeg tmix سره مخلوط شوي، ۶۰fps. په هر بیټ کې یو چوکاټ وګورئ، بیا د واحد چوکاټ پاپونو لپاره سکین کړئ (د چوکاټ توپیر د دوی ګاونډیانو څخه ۳ ځله لوړیږي).

backdrop-filter: url() په کرومیم کې د بې ځایه کیدو نقشې غلط لوستل کوي، نو پرځای یې صحنه کلون کړئ. سیلاب باید د کونجونو څخه تیر شي او شاوخوا 0.3 ثانیې وخت ونیسي، یا په یوه چوکاټ کې د سکرین نیمایي بدلون راولي. یو ماشوم چې لید لري: لیدل شوی د پټ والدین له لارې ښیې، نو د میراث څخه کار واخلئ. هغه متن چې د مورفینګ شکل دننه بدلیږي خپل ماسک ته اړتیا لري. python http.server نشي کولی د رینج لټون ویډیو ولري، نو د بلاب URL وکاروئ.

له ما څخه د معلوماتو غوښتنه وکړئ، بیا د بشپړ فلم لیکلو دمخه د بیټ نقشه او څلور سټیلونه (خلاص، شیشه، سټیج، دیوال) راته وښایاست.

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.

غوښتنه له دې څخه اخیستل شوې ده پوسټ @twoclipping.