დაყენება: კადრი კადრის გამოშვების ვიდეო

მკითხეთ: ჩემი პროდუქტის სახელი, ლოგო (ან შეგიძლიათ დახაზოთ მარტივი ნიშანი), მომხმარებლის მიერ შეყვანის ველში აკრეფილი ერთსტრიქონიანი ფუნქცია, გვერდი, რომელიც პასუხობს მას (სათაური + 2-3 წინადადება ერთი საკვანძო ფრაზით), დაწყობილი ბარათების ორი ფუნქციის სახელი და მუსიკალური ტრეკი. თუ რომელიმეს გამოვტოვებ, გამოვიყენებ ნაგულისხმევ პარამეტრებს: პროდუქტი „კადრი-კადრი“, რომელიც მის Whop hub-შია განთავსებული, ხედის მაძიებლის ნიშანი (ოთხი კუთხის ფრჩხილი მუქი „FF“-ის გარშემო), მოთხოვნა „შექმენით გაშვების ვიდეო ჩემი აპლიკაციისთვის“, გაკვეთილის გვერდი სახელწოდებით „2.1 აირჩიეთ მითითება“, ბარათები „გაშვება“ და „ხმა“ და Mixkit-ის უფასო ჰაუს ტრეკი „Rising Forest“ შენელდა 124 BPM მდე.

12 წამიანი კვადრატული პროდუქტის სტინგი, 1080x1080, კადრების რაოდენობა 29.97 კადრი/წმ სიჩქარით (f0–f359), მასტერ-რენდერინგი 59.94 კადრი/წმ სიჩქარით. Apple-ის სტილის შეგრძნება: რბილი, თეთრი, კაშკაშა ლურჯი, მინისებური. კამერა არასდროს წყვეტს სტაციონარული კადრის მოქმედებას: ყველა კადრი შედის უკვე მოძრავ მდგომარეობაში (ექსპონენციური შემსუბუქება, კადრში დარჩენილი მანძილის 12–19%) და გადის აჩქარებული მოძრაობით ან დაბინდვის ტემპით. დაბინდვა ყოველი მოძრაობისას სიჩქარესა და მიმართულებას მიჰყვება.
პალიტრა: გვერდი #FDFDFB, ნისლი #B7CFEB, ყინული #E6F0FA, მუქი ლურჯი #294376 → #769CC2 ცისფერი გრადიენტი, მუქი ლურჯი #1E2F52, აქცენტირებული ლურჯი #2F6BFF / #3CC8F0 / პიტნისფერი #4ED6A0, თეთრი. ტიპი: Inter (400/500/600/700). არსად არ არის იისფერი, იისფერი, მეწამული ან ნარინჯისფერი.
სიუჟეტი: პროდუქტის სათაური ღია აპლიკაციის ფანჯარაში ლურჯი ნისლიდან ამოდის → კურსორი შიგნით სრიალებს, ბრუნდება საითკენ, იზრდება მაუსის გადატანისას და ლოგოზე აწკაპუნებს → მუსიკალური წვერის ხატულაზე ამოჭრილია ოთხი კვადრატი ჯვრის სახით მოძრავი აპლიკაციის ხატულაზე → ხატულა Mac-ის მენიუს ზოლად იკეცება → კურსორი მენიუს ზოლის ხატულაზე აწკაპუნებს, მქრქალი მინის შეკითხვის ფანჯარა ამოდის და მოთხოვნა იწერება → ღია ლურჯი ციმციმის მეშვეობით იხრება პასუხების გვერდზე, თავის ადგილზე სქროლავს → ბარათი მასზე ამოდის → ბუნდოვანი ხსნა ორ დაწყობილ ბარათზე გიგანტური მქრქალი მინის სათაურებით → ბუნდოვანი ხსნა მარტოხელა ლოგოს დისკზე → შავი ბოლოში ამოჭრილია მანათობელი სიტყვიერი ნიშნით ბარათი.
აკრძალულია: ჯვარედინი კადრები, გაყინული კადრები (გარდა ერთი შეკავებისა S7-ში), სტანდარტული UI კომპლექტები, UI ტექსტზე ნათება, Math.random, ყველაფერი, რაც შაბლონს ჰგავს.

კოორდინატები 1080 სცენაზე px-ია. მუსიკალური დარტყმა k = 0.048 + 0.4838·ks (124 BPM, ერთი დარტყმა = 14.5 კადრი). სამი მყარი ვერსია f72, f101, f159 დარტყმამდე 2 კადრით სრულდება: ზუსტად ეს კადრი შეინახეთ.
S1 f0–71, სათაური + ფანჯარა + დაწკაპუნება: ნისლი #B7CFEB ქრება #FDFDFB-მდე f28-ით, ქვედა ნაწილში ლურჯი იატაკის ნათება #DBEEFD რჩება. სათაური ერთ ხაზზე: ლოგოს დისკი ⌀132 (#FBFCFE, 1px რგოლი #E8E8EA, მუქი ნიშანი), პროდუქტის დასახელება (Inter 500), მუქი კაფსულა "Whop-ზე" (#2F2E2F, თეთრი ტექსტი); მთელი ჩაკეტვა მოიცავს x474–1063-ს, ცენტრალური ხაზი ამოდის y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), გადაადგილდება 1 px/კადრის შემდეგ. სახელი f2 ბუნდოვანი ჩანს, აბი f4–5 ძლიერ ბუნდოვანია და 15 px მარცხნივ სრიალებს სიმკვეთრის გაზრდისას. სინათლის ცენტრის ფანჯარა (რადიუსი 93, შევსება #FCFDFF, ზედა ზოლი #F1F6FF, ლურჯი შიდა ფლანგის ნათება) მის გარშემო ქრება: გამჭვირვალობა 0-დან f14-მდე, 0.53 f15, 0.7 f19, 1.0 f24; ზედა მარცხენა კუთხე (408,405), მარჯვნივ და ქვევით გადის. შიგნით: ზედა ზოლში საძიებო აბი, მარცხენა ხატულას სვეტი (კურსების ხატულა (537,739)-ზე, ჩატის ხატულა (537,900)-ზე), და კურსის ბარათი (764,700) ჩარჩოს გარეთ მისი ყდის სურათით, სათაურით და წარწერით „კურსი · 8 გაკვეთილი“. Cursor (შავი macOS ისარი, თეთრი კონტური, 32x39) ჩნდება f27-ზე (891,393), სრიალებს მარცხნივ და ანელებს (770,383) f44-მდე, ბრუნავს ქვემოთ-მარცხნივ f47–51 წერტილამდე ჩაშვებისას, ეშვება დისკის ქვედა მარჯვენა მხარეს (629,564) f56 → (587,546) f59 → (555,531) f71; იზრდება ×1.55-ით f56-დან გადაადგილებისას; რბილი ყინულის რგოლი (#D5F3FF → #F7FEFF, გარე ⌀174) ანათებს დისკს f53-დან. კამერა ზუმდება დაახლოებით (540,540): 1.0 f46 → 1.2 f60 შესვლით გამოსვლისას, ინარჩუნებს f61-ს, შემდეგ ნელდება გამოსვლისას აჩქარებით 1.04-მდე f71-ზე, კურსორი აჭერს (იკუმშება 15%-ით f69–71).
S2 f72–100, ხატულა + ორბიტა: მუქი ლურჯი ცირკულარული აპლიკაციის ხატულა (#294376 → #1E2F52, თეთრი ნიშანი), 276 პიქსელი f72-ზე, შეკუმშვადი ზომა f86-ზე 178 პიქსელამდე, რადიუსი სიგანის 28%, ნაცრისფერ ჰალო დისკზე #E9E9E7, რომელიც იზრდება ⌀240 (f75) → 326 (f86). ოთხი 92 პიქსელიანი კვადრატი (რადიუსი 26) ბრუნავს საათის ისრის საწინააღმდეგო მიმართულებით, ანელებს სიჩქარეს და იკვრება ჯვარედინი ორბიტის რადიუსში ≈216 f86-ზე: თეთრი (1 პიქსელი #E3E8EF კიდე + მკრთალი ჩრდილი) მარცხნივ, #2F6BFF ზემოთ, #3CC8F0 მარჯვნივ, #4ED6A0 ქვემოთ. f88–100: ხატულა აჩქარებით იკუმშება ≈40 პიქსელამდე, კვადრატები მის მარჯვნივ რიგში სრიალებს (თეთრი ფერი ხატულას უკან სრიალებს), დაბინდვის დონე იზრდება 0.3 → 6 პიქსელით.
S3 f101–158, მენიუს ზოლი + მოთხოვნა: თეთრი გვერდი შავი ლეპტოპის ჩარჩოს ზემოთ (y425–475, ზედა მონიშნული #686866), მუქი ლურჯი მენიუს ზოლი (y477–538), ფონი ქვემოთ = ლურჯი ცის გრადიენტი თხელი თეთრი ხაზებით (ერთი დიდი წრე, ორი ჰორიზონტალური ხაზი, ერთი ვერტიკალური, ოთხწერტილიანი ბრჭყვიალა გადაკვეთაზე, რბილი ფირუზისფერი ბრჭყვიალა ნათება ზედა მარჯვენა კუთხეში). მენიუს ზოლის მარჯვენა კლასტერი თეთრ ფერში: Wi-Fi, ბატარეა, გადამრთველები, პროდუქტის ნიშანი x531–584-ზე, სამი ⌀36 წერტილი #2F6BFF / #3CC8F0 / #4ED6A0 x612-ზე, 661, 709, "ორშაბათი, 22 ივნისი, 9:41 AM" 34 px. შემოდის ბუნდოვნად 3 px და ჩერდება f110-ით. Cursor მაღლა იწევს ქვემოდან (f102), ჯდება ნიშნულზე, აჭერს f113–117-ს. კამერა შიგთავსს მარჯვნივ +125 პიქსელით f115–130 (ყველაზე სწრაფი f118–120). მქრქალი შუშის ყუთი (ცაზე მოჩანს თეთრი-ლურჯი მინა, კაშკაშა ზედა კიდე, რადიუსი 60) f116 ნიშნის ქვეშ გამოდის: სიგანე f126-ზე პიკს აღწევს 744-ზე და დაახლოებით x196–922, y568–797-ზე ჩერდება 726x228-ზე f138-ზე. მოთხოვნის ტიპი f121-დან (პირველი წასაკითხი "Make") f150-მდე (დასრულებული) დაახლოებით 1 სიმბოლო/კადრი, 1 კადრის შენარჩუნებით ყოველ 2–3 სიმბოლოზე; კურსორი ყოველთვის ჩართულია; სამი თეთრი კონტურის ხატულა ქვედა ნაწილში; გაგზავნის ღილაკი #2F6BFF ⌀51 თეთრი ზემოთ მიმართული ისრით. f136-დან მთელი სცენა ზევით იწევს და აჩქარებულად იხრება (f158 მოძრაობს ≈25 px/კადრში, ვერტიკალური დაბინდვა ≈6–8 px), მაშინ როდესაც გვერდი #E6F4FE შეფერილია f154–158-ზე.
S4 f159–186, პასუხების გვერდი: მსუბუქი კურსის გაკვეთილის გვერდი (პურის ნამცეცები, სათაური, ძირითადი ტექსტი): ტექსტის სვეტი x120, ძირითადი ტექსტი 47 პიქსელი Inter 400 ნაცრისფერი #BCBCBA, ხაზის სიმაღლე 58, ერთი საკვანძო ფრაზა ("ჩარჩო ჩარჩოსთვის") შავი 600-ით. ის მოდის გაჟღენთილი და 420 პიქსელი დაბალი, გადახვევა ზემოთ 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), შემდეგ −6 პიქსელით f186-ით იცვლება. დაბინდვა 24 პიქსელი (f159) → 1.5 (f165) → 0. ციმციმი #E2F4FE ქრება #FDFDFB-მდე f165-ით. ზემოთ მიმართული კურსორი გადახვევას იწყებს და საკვანძო ფრაზის ქვეშ (≈(450,591) f180) ჩერდება, შემდეგ კი მარჯვნივ გადაინაცვლებს.
S5 f187–214, ბარათი: თეთრი ბარათი (x203–878, ქვემოდან გამოდის) გვერდზე ამოდის: ყდის სურათი 627x536 ჩანართი 24 პიქსელი, რადიუსი 64, სინათლის მიმღები ზოლი მის ზედა ცენტრში, წარწერა ნახევრად მუქი 38 პიქსელი შავი, ქვეწარმავალი ნაცრისფერი 23 პიქსელი. ყდის ზედა ნაწილი y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), შემდეგ აგრძელებს ზემოთ ~4 პიქსელი/კადრზე გადასვლას. ბარათის დაბინდვა პიკს აღწევს 3.8 პიქსელი f189-ზე, სიმკვეთრე f201-ზე; უკანა გვერდი დაბინდულია ≈2.5 პიქსელამდე. გასასვლელი f207–214: ბარათი იკუმშება ~5%-ით და იზრდება, ხოლო მთელი კადრი დაბინდულია 1 → 7 პიქსელით; იჭრება დაბინდვის პიკზე.
S6 f215–244, ორი ბარათი: თეთრი გვერდი, ორი ერთმანეთზე დაწყობილი ბარათი 538x348 (რადიუსი 57, უფსკრული 36) ცენტრში x540-ზე, ზედა ბარათი y168-ზე f230-ზე ჯდება, ქვედა ბარათი y552-ზე. თითოეული: ყდის ნახატი (მასზე ტექსტი არ არის ჩასმული), ზედა მარცხენა კუთხეში მქრქალი აბი („მოდული 3“ / „მოდული 5“), ზედა მარჯვენა კუთხეში მქრქალი მრგვალი „•••“ და ქვედა კიდის გასწვრივ უზარმაზარი, მუქი წარწერა მქრქალი მინისგან (გამოსახულების ბუნდოვანი, გაღიავებული ასლი, რომელიც ასოებზეა მიმაგრებული, ბარათის ქვედა კიდით არის მოწყვეტილი): „გაშვება“ და „ხმა“. ორივე ბუნდოვანია 12 პიქსელით და მკვეთრია f224-ით; ზედა ბარათი 8%-ით დიდია და y264-დან ამოდის; ქვედა ბარათი y927-დან ამოდის, მის უკან მოქცეული. ისინი 3 პიქსელი/კადრი f230–238-ით მაღლა იწევიან, შემდეგ აჩქარებენ და ბუნდოვანდებიან ჭრილში.
S7 f245–300, ლოგოს დისკი: გვერდი #FDFDFB, დისკი ⌀168 #F6F6F6 მუქი ნიშნით, ადის ცენტრში (ზედა y569 f245 → 491 f250 → 468 f255 → 456 f269) ვერტიკალური ლაქით ამოჭრილ ჩარჩოზე, უძრავად ინარჩუნებს f269–287-ს (ერთადერთი გაყინული მონაკვეთი), შემდეგ იკუმშება f300-ზე ⌀123-მდე აჩქარებით.
S8 f301–359, ბოლო ბარათი: შავი რადიალური ფონი (#020204 კუთხეები, ≈#272729 სიტყვის გარშემო), სიტყვიერი ნიშანი Inter 600-შია, თეთრი #F3F3F5 მჭიდრო ბზინვარებით და ფართო რბილი ჰალოთი, ცენტრში (540,540). სიტყვის სიგანე: ≈1650 px f301 (ჰორიზონტალურად გაჟღენთილი, მასშტაბირებული ზოლები) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/კადრის შეკუმშვა) → 492 f350, შემდეგ იკეცება ease-in: 450 f355 → 267 f359 დაბინდვით, რომელიც 3.5 px-მდე იზრდება. ფირი მთავრდება იკეცვის შუაში.

1. ერთი HTML გვერდი, 1080x1080, დახატული seek(t)-ით, როგორც კადრის ნომრის წმინდა ფუნქცია. CSS გადასვლების, ტაიმერების და Math.random-ის გარეშე (მხოლოდ დათესილი ჰეშები). კადრები რეგისტრირდება როგორც {f0, f1, render(localFrame)}.
2. კადრის ნომერში ყველა მნიშვნელობა უწყვეტია (59.94 მასტერ-ფაილი ნახევარკადრებს ასახავს): ანიმაცია ხორციელდება კადრების kf(კადრი, [[f, მნიშვნელობა],...], ease) ცხრილებით და კადრებში თითოეული ძიების ცხრილებით წრფივი ინტერპოლაციით. მოძრაობაზე Math.floor არ გამოიყენება.
3. დაბინდვა: CSS ფილტრის დაბინდვა მრგვალი დაბინდვისთვის, SVG feGaussianBlur ცალკე x/y stdDeviation-ით მიმართულებითი გაფერმკრთალებებისთვის. მასშტაბირებული გაფერმკრთალება ბოლო ბარათზე = სიტყვის 20–30 მასშტაბირებული, გაცვეთილი ასლები. მქრქალი მინა = უკანა მხარეს არსებულის დაბინდული, გაღიავებული ასლი, მიმაგრებული ფორმაზე.
4. Cursor: ერთი SVG macOS ისარი (შავი შევსება, თეთრი კონტური, რბილი ჩრდილი) ბრუნვით და მასშტაბირებით, ხელახლა გამოყენებული S1, S3, S4-ში.
5. ხმა (ხმის გარეშე), ზუსტად 12.075 წმ: მუსიკა 124 BPM ზე, რბილი შესავალი, ვარდნა 2.47 წმ-ზე (მე-5 დარტყმა, f72 ჭრა 2 კადრით წინ უსწრებს). სინთეზირებული SFX: რბილი დარტყმითი 0.10 წმ; whoosh-ები პიკურია ჭრაზე 2.402, 3.370, 5.305, 10.043 წმ-ზე; გადასვლა ზუსტად 6.240 წმ-ზე და 8.175 წმ-ზე; დაწკაპუნებები 2.33 და 3.83 წმ-ზე; ძალიან ჩუმი კლავიშების ტიკტიკები ყოველ ~32 წმ-ზე 4.04–5.00 წმ-ის განმავლობაში; რბილი ციმციმი 10.05 წმ-ზე. მასტერინგი -14 LUFS-ზე, ნამდვილი პიკი -1 dBTP, ფადინგი არ არის ბოლო 60 წმ-ის გარდა.
6. რენდერინგი Playwright გამოყენებით (თითო კადრში ერთი სკრინშოტი, შრიფტები ჯერ ჩაიტვირთება), H.264 yuv420p-ის კოდირება 60000/1001-ზე, აუდიოს მულტიპლექსირება.

ტექსტი მხოლოდ შრიფტების ჩატვირთვის შემდეგ გაზომეთ. გრძელი პროდუქტის სახელი 5-ასოიანი სახელის ადგილას ვერ მოთავსდება: მთელი საკეტის (დისკის უფსკრული, სახელი, აბი) მასშტაბირება მოახდინეთ x474–1063 დიაპაზონში, არ დაუშვათ აბის კადრიდან ამოვარდნა. თეთრი ორბიტის კვადრატი თეთრ გვერდზე 1 პიქსელიანი კიდისა და მკრთალი ჩრდილის გარეშე ქრება. S6 ბარათებში საკუთარი ტექსტით გამოსახულებებს ნუ მოათავსებთ, თორემ შუშის სათაური გაორმაგდება. ამოჭრილი კადრი ზუსტად შეინახეთ, მაშინაც კი, როცა ისინი ერთ რიტმში არ ჯდება. არაფერი იყინება S7 f269–287-ის გარდა. მძიმე დაბინდვის ცხრილებს შეუძლიათ ფორმის მთლიანად წაშლა: თუ კადრი ცარიელი ჩანს, შეამცირეთ დაბინდვის დონე მანამ, სანამ ფორმა კვლავ არ იკითხება.

შეყვანის მონაცემები მკითხე. შემდეგ სრულ ფილმზე გადაღებამდე მაჩვენე 4 ფოტო (ფანჯარაში სათაური f40, ხატულა f86, დასრულებული მოთხოვნა f150, ორი ბარათი f230).

Ask me for: my product name, a logo (or let you draw a simple mark), the one-line thing a user types into the prompt box, the page that answers it (title + 2–3 sentences with one key phrase), two feature names for the stacked cards, and a music track. If I skip any, use the defaults: product "Frame by Frame" living inside its Whop hub, a viewfinder mark (four corner brackets around a bold "FF"), prompt "Make a launch video for my app", a lesson page titled "2.1 Choose a reference", cards "Launch" and "Sound", and Mixkit's free house track "Rising Forest" slowed to 124 BPM.

A 12 second square product sting, 1080x1080, frame numbers at 29.97 fps (f0–f359), master rendered at 59.94 fps. Apple-keynote feel: soft, white, bright blue, glassy. The camera never cuts on a still frame: every shot enters already moving (exponential ease-out, 12–19% of the remaining distance per frame) and leaves on an accelerating move or a blur ramp. Blur follows speed and direction on every move.
Palette: page #FDFDFB, haze #B7CFEB, ice #E6F0FA, deep blue #294376 → #769CC2 sky gradient, navy #1E2F52, accent blues #2F6BFF / #3CC8F0 / mint #4ED6A0, white. Type: Inter (400/500/600/700). No purple, violet, magenta or orange anywhere.
Story: the product header rises out of a blue haze inside a light app window → a cursor glides in, turns to face where it's going, grows on hover and clicks the logo → hard cut on the music drop to the app icon with four squares orbiting into a cross → the icon collapses into a Mac menu bar → the cursor clicks the menu-bar icon, a frosted glass prompt box springs out and the prompt types → whip-tilt up through a light-blue flash into the answer page scrolling into place → a card rises over it → blur-dissolve to two stacked cards with giant frosted-glass titles → blur-dissolve to the lone logo disc → hard cut to a black end card with a glowing wordmark.
Banned: crossfades, frozen frames (except one hold in S7), stock UI kits, glows on UI text, Math.random, anything that looks like a template.

Coordinates are px on the 1080 stage. Music beat k = 0.048 + 0.4838·k s (124 BPM, one beat = 14.5 frames). The three hard cuts f72, f101, f159 land 2 frames before a beat: keep these exact frames.
S1 f0–71, header + window + click: haze #B7CFEB fading to #FDFDFB by f28, keep a blue floor glow #DBEEFD at the bottom. Header on one line: logo disc ⌀132 (#FBFCFE, 1px rim #E8E8EA, dark mark), the product name (Inter 500), a dark capsule pill "on Whop" (#2F2E2F, white text); the whole lockup spans x474–1063, centre line rises y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), drifting 1 px/frame after. Name appears f2 blurred, pill f4–5 heavily blurred and sliding 15 px left as it sharpens. A light hub window (radius 93, fill #FCFDFF, top band #F1F6FF, blue inner floor glow) fades in around it: opacity 0 to f14, 0.53 f15, 0.7 f19, 1.0 f24; top-left corner (408,405), runs off the right and bottom. Inside: a search pill in the top band, a left icon column (Courses icon at (537,739), faded Chat icon at (537,900)), and a course card from (764,700) off-frame with its cover image, title and "Course · 8 lessons". Cursor (black macOS arrow, white outline, 32x39) appears f27 at (891,393), glides left decelerating to (770,383) f44, rotates to point down-left f47–51 as it dives, lands on the disc's lower right (629,564) f56 → (587,546) f59 → (555,531) f71; grows ×1.55 on hover from f56; a soft ice ring (#D5F3FF → #F7FEFF, outer ⌀174) lights around the disc from f53. Camera zooms about (540,540): 1.0 f46 → 1.2 f60 ease-in-out, holds f61, then eases out accelerating to 1.04 at f71 while the cursor presses (shrinks 15% f69–71).
S2 f72–100, icon + orbit: navy squircle app icon (#294376 → #1E2F52, white mark), 276 px at f72 shrinking ease-out to 178 px by f86, radius 28% of width, on a grey halo disc #E9E9E7 growing ⌀240 (f75) → 326 (f86). Four 92 px squares (radius 26) spin in counter-clockwise, decelerating, and lock into a cross at orbit radius ≈216 by f86: white (1px #E3E8EF edge + faint shadow) left, #2F6BFF top, #3CC8F0 right, #4ED6A0 bottom. f88–100: the icon shrinks accelerating to ≈40 px, the squares slide into a row on its right (white slips behind the icon), blur ramps 0.3 → 6 px.
S3 f101–158, menu bar + prompt: white page above a black laptop bezel band (y425–475, top highlight #686866), a dark navy menu bar (y477–538), wallpaper below = the blue sky gradient with thin white line art (one big circle, two horizontal lines, one vertical, a four-point sparkle at a crossing, soft teal glow top-right). Menu bar right cluster in white: Wi-Fi, battery, toggles, the product mark at x531–584, three ⌀36 dots #2F6BFF / #3CC8F0 / #4ED6A0 at x612, 661, 709, "Mon Jun 22  9:41 AM" 34 px. Enters blurred 3 px and settling by f110. Cursor rises from below (f102), sits on the mark, presses f113–117. Camera pans content right +125 px f115–130 (fastest f118–120). A frosted glass box (white-blue glass over the sky, bright top rim, radius 60) springs out from under the mark f116: width peaks 744 at f126 and settles 726x228 by f138 around x196–922, y568–797. The prompt types from f121 (first legible "Make ") to f150 (complete) at about 1 char/frame with a 1-frame hold every 2–3 chars; caret always on; three white outline icons along the bottom; send button #2F6BFF ⌀51 with a white up arrow. From f136 the whole scene drifts up, accelerating into a whip-tilt (f158 moving ≈25 px/frame, vertical blur ≈6–8 px) while the page tints #E6F4FE over f154–158.
S4 f159–186, answer page: a light course lesson page (breadcrumb, title, body): text column x120, body 47 px Inter 400 grey #BCBCBA, line pitch 58, one key phrase ("frame for frame") in black 600. It arrives smeared and 420 px low, scrolls up with offsets 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), then creeps −6 px by f186. Blur 24 px (f159) → 1.5 (f165) → 0. Flash #E2F4FE fading to #FDFDFB by f165. A cursor pointing straight up rides the scroll and stops under the key phrase (≈(450,591) f180), then drifts right.
S5 f187–214, card: a white card (x203–878, runs off the bottom) rises over the page: cover image 627x536 inset 24 px, radius 64, a light grabber bar at its top centre, caption semibold 38 px black, sub-caption grey 23 px. Cover top y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), then keeps drifting up ~4 px/frame. Card blur peaks 3.8 px at f189, sharp by f201; the page behind blurs to ≈2.5 px. Exit f207–214: card shrinks ~5% and rises while the whole frame blurs 1 → 7 px; cut at the blur peak.
S6 f215–244, two cards: white page, two stacked cards 538x348 (radius 57, gap 36) centred on x540, top card settling at y168 by f230, bottom at y552. Each: cover art (no text baked into it), a frosted pill top-left ("Module 3" / "Module 5"), a frosted round "•••" top-right, and a huge bold title along the bottom edge made of frosted glass (a blurred, lightened copy of the image clipped to the letters, cut off by the card's bottom edge): "Launch" and "Sound". Both enter blurred 12 px and sharp by f224; the top card enters 8% large and rises from y264; the bottom card rises from y927, staggered behind it. They drift up 3 px/frame f230–238, then accelerate up and blur out into the cut.
S7 f245–300, logo disc: page #FDFDFB, disc ⌀168 #F6F6F6 with the dark mark, rises into the centre (top y569 f245 → 491 f250 → 468 f255 → 456 f269) with a vertical smear on the cut frame, holds still f269–287 (the only frozen stretch), then shrinks accelerating to ⌀123 at f300.
S8 f301–359, end card: black radial background (#020204 corners, ≈#272729 around the word), the wordmark in Inter 600, white #F3F3F5 with a tight glow plus a wide soft halo, centred (540,540). Word width: ≈1650 px f301 (horizontally smeared, zoom streaks) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (≈1 px/frame shrink) → 492 f350, then collapses ease-in: 450 f355 → 267 f359 with blur rising to 3.5 px. The film ends mid-collapse.

1. One HTML page, 1080x1080, drawn by seek(t) as a pure function of the frame number. No CSS transitions, no timers, no Math.random (seeded hashes only). Shots register as {f0, f1, render(localFrame)}.
2. Every value is continuous in the frame number (the 59.94 master renders half frames): animate with keyframe tables kf(frame, [[f, value], ...], ease) and per-frame lookup tables with linear interpolation. No Math.floor on motion.
3. Blur: CSS filter blur for round blur, SVG feGaussianBlur with separate x/y stdDeviation for directional smears. Zoom smear on the end card = 20–30 scaled, faded copies of the word. Frosted glass = a blurred, lightened copy of what's behind, clipped to the shape.
4. Cursor: one SVG macOS arrow (black fill, white outline, soft shadow) with rotation and scale, reused in S1, S3, S4.
5. Sound (no voice), exactly 12.075 s: music at 124 BPM, soft intro, the drop at 2.47 s (beat 5, the f72 cut leads it by 2 frames). Synthesized SFX: soft impact 0.10 s; whooshes peaking at the cuts 2.402, 3.370, 5.305, 10.043 s; transition hits exactly on 6.240 s and 8.175 s; clicks at 2.33 and 3.83 s; very quiet key ticks every ~32 ms over 4.04–5.00 s; a soft shimmer at 10.05 s. Master to −14 LUFS, true peak −1 dBTP, no fade except the last 60 ms.
6. Render with Playwright (one screenshot per frame, fonts loaded first), encode H.264 yuv420p at 60000/1001, mux the audio.

Measure text only after the fonts load. A long product name won't fit where a 5-letter name did: scale the whole lockup (disc gap, name, pill) to fit the span x474–1063, don't let the pill fall off-frame. A white orbit square vanishes on the white page without a 1px edge and a faint shadow. Don't put images with their own text inside the S6 cards, or the glass title doubles up. Keep the cut frames exact even where they don't sit on a beat. Nothing freezes except S7 f269–287. Heavy blur tables can wipe a shape out completely: if a frame looks empty, lower the blur until the shape still reads.

Ask me for the inputs. Then show me 4 stills (f40 header in the window, f86 icon cross, f150 finished prompt, f230 the two cards) before you render the full film.

მოთხოვნა აღებულია პოსტი @notdwd.