Κατάρτιση: Βίντεο κυκλοφορίας καρέ-καρέ

Ρωτήστε με για: το όνομα του προϊόντος μου, ένα λογότυπο (ή σας επιτρέπει να σχεδιάσετε ένα απλό σημάδι), το στοιχείο μιας γραμμής που πληκτρολογεί ένας χρήστης στο πλαίσιο προτροπής, τη σελίδα που το απαντά (τίτλος + 2-3 προτάσεις με μία φράση-κλειδί), δύο ονόματα χαρακτηριστικών για τις στοιβαγμένες κάρτες και ένα μουσικό κομμάτι. Αν παραλείψω κάποιο, χρησιμοποιήστε τις προεπιλογές: προϊόν "Καρέ προς καρέ" που βρίσκεται μέσα στον κόμβο Whop, ένα σημάδι σκόπευτρου (τέσσερις γωνιακές αγκύλες γύρω από ένα έντονο "FF"), προτροπή "Δημιουργία βίντεο έναρξης για την εφαρμογή μου", μια σελίδα μαθήματος με τίτλο "2.1 Επιλογή αναφοράς", κάρτες "Εκκίνηση" και "Ήχος" και το δωρεάν house κομμάτι του Mixkit "Rising Forest" επιβραδύνθηκε στα 124 BPM.

Ένα τετράγωνο στιγμιότυπο προϊόντος 12 δευτερολέπτων, 1080x1080, αριθμοί καρέ στα 29,97 fps (f0–f359), απόδοση master στα 59,94 fps. Αίσθηση Apple keynote: απαλή, λευκή, φωτεινή μπλε, υαλώδης. Η κάμερα δεν κόβει ποτέ σε ένα στατικό καρέ: κάθε λήψη εισέρχεται ήδη σε κίνηση (εκθετική χαλάρωση, 12–19% της υπόλοιπης απόστασης ανά καρέ) και φεύγει με μια επιταχυνόμενη κίνηση ή μια ράμπα θολώματος. Το θάμπωμα ακολουθεί την ταχύτητα και την κατεύθυνση σε κάθε κίνηση.
Παλέτα: σελίδα #FDFDFB, ομίχλη #B7CFEB, πάγος #E6F0FA, βαθύ μπλε #294376 → #769CC2 διαβάθμιση ουρανού, μπλε σκούρο #1E2F52, μπλε με έμφαση #2F6BFF / #3CC8F0 / μέντα #4ED6A0, λευκό. Τύπος: Inter (400/500/600/700). Δεν υπάρχουν μοβ, βιολετί, ματζέντα ή πορτοκαλί πουθενά.
Ιστορία: η κεφαλίδα του προϊόντος αναδύεται μέσα από μια μπλε ομίχλη μέσα σε ένα φωτεινό παράθυρο εφαρμογής → ένας κέρσορας γλιστράει μέσα, γυρίζει προς το σημείο που πηγαίνει, μεγαλώνει καθώς τοποθετείτε τον δείκτη του ποντικιού και κάνει κλικ στο λογότυπο → κομμένο στην απόθεση μουσικής στο εικονίδιο της εφαρμογής με τέσσερα τετράγωνα σε τροχιά σε σχήμα σταυρού → το εικονίδιο συμπτύσσεται σε μια γραμμή μενού Mac → ο κέρσορας κάνει κλικ στο εικονίδιο της γραμμής μενού, ένα πλαίσιο προτροπής από αδιαφανές γυαλί ξεπηδά και η προτροπή πληκτρολογεί → μετακινείται με μια ανοιχτόχρωμη μπλε λάμψη στη σελίδα απαντήσεων, η οποία κυλάει στη θέση της → μια κάρτα αναδύεται από πάνω της → θολώνει-διαλύεται σε δύο στοιβαγμένες κάρτες με γιγάντιους τίτλους από αδιαφανές γυαλί → θολώνει-διαλύεται στον μοναδικό δίσκο με το λογότυπο → κομμένο σε μια μαύρη κάρτα στο τέλος με ένα λαμπερό λεκτικό σημάδι.
Απαγορεύονται: crossfades, παγωμένα καρέ (εκτός από ένα hold στο S7), κιτ UI από το εργοστάσιο, λάμψεις σε κείμενο UI, Math.random, οτιδήποτε μοιάζει με πρότυπο.

Οι συντεταγμένες είναι px στο στάδιο 1080. Μουσικός ρυθμός 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 px στο f72 συρρικνώνεται στα 178 px κατά f86, ακτίνα 28% του πλάτους, σε έναν γκρι δίσκο φωτοστέφανου #E9E9E7 που αυξάνεται ⌀240 (f75) → 326 (f86). Τέσσερα τετράγωνα 92 px (ακτίνα 26) περιστρέφονται αριστερόστροφα, επιβραδύνονται και κλειδώνουν σε έναν σταυρό σε ακτίνα τροχιάς ≈216 κατά f86: λευκό (1px #E3E8EF άκρη + αχνή σκιά) αριστερά, #2F6BFF πάνω, #3CC8F0 δεξιά, #4ED6A0 κάτω. f88–100: το εικονίδιο συρρικνώνεται επιταχύνοντας σε ≈40 px, τα τετράγωνα ολισθαίνουν σε μια σειρά στα δεξιά του (το λευκό γλιστράει πίσω από το εικονίδιο), το θάμπωμα αυξάνεται κατά 0,3 → 6 px.
S3 f101–158, γραμμή μενού + προτροπή: λευκή σελίδα πάνω από μια μαύρη στεφάνη φορητού υπολογιστή (y425–475, επάνω φωτεινό σημείο #686866), μια σκούρα μπλε γραμμή μενού (y477–538), ταπετσαρία από κάτω = η διαβάθμιση του μπλε ουρανού με λεπτή λευκή γραμμή (ένας μεγάλος κύκλος, δύο οριζόντιες γραμμές, μία κάθετη, μια λάμψη τεσσάρων σημείων σε μια διασταύρωση, απαλή γαλαζοπράσινη λάμψη πάνω δεξιά). Δεξιά ομάδα γραμμής μενού σε λευκό: Wi-Fi, μπαταρία, διακόπτες, το σήμα προϊόντος στο x531–584, τρεις ⌀36 κουκκίδες #2F6BFF / #3CC8F0 / #4ED6A0 στο x612, 661, 709, "Δευ 22 Ιουν 9:41 π.μ." 34 px. Εισέρχεται θολή 3 px και σταθεροποιείται κατά f110. Cursor ανεβαίνει από κάτω (f102), κάθεται στο σημάδι, πατάει f113–117. Η κάμερα μετακινεί το περιεχόμενο προς τα δεξιά +125 px f115–130 (ταχύτερο f118–120). Ένα γυάλινο κουτί με ματ όψη (λευκό-μπλε γυαλί πάνω από τον ουρανό, φωτεινό πάνω χείλος, ακτίνα 60) ξεπροβάλλει κάτω από το σημάδι f116: το πλάτος φτάνει στο μέγιστο 744 στο f126 και καταλήγει σε 726x228 επί f138 γύρω στο x196–922, y568–797. Η προτροπή πληκτρολογεί από f121 (πρώτο ευανάγνωστο "Make ") έως f150 (ολοκληρωμένο) σε περίπου 1 χαρακτήρα/καρέ με κράτημα 1 καρέ κάθε 2–3 χαρακτήρες· ο κέρσορας είναι πάντα ενεργοποιημένος· τρία λευκά εικονίδια περιγράμματος κατά μήκος του κάτω μέρους· το κουμπί αποστολής #2F6BFF ⌀51 με ένα λευκό βέλος προς τα πάνω. Από το f136 ολόκληρη η σκηνή παρασύρεται προς τα πάνω, επιταχύνοντας σε μια κεκλιμένη κλίση (f158 κινείται ≈25 px/καρέ, κατακόρυφο θάμπωμα ≈6–8 px) ενώ η σελίδα χρωματίζεται #E6F4FE πάνω από τα f154–158.
S4 f159–186, σελίδα απαντήσεων: σελίδα μαθήματος ελαφρού μαθήματος (ψίχουλα, τίτλος, σώμα): στήλη κειμένου x120, σώμα 47 px Inter 400 γκρι #BCBCBA, βήμα γραμμής 58, μία φράση-κλειδί ("πλαίσιο προς πλαίσιο") σε μαύρο 600. Φτάνει μουτζουρωμένη και 420 px χαμηλή, κάνει κύλιση προς τα πάνω με μετατοπίσεις 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), στη συνέχεια σέρνεται −6 px κατά f186. Θάμπωμα 24 px (f159) → 1,5 (f165) → 0. Η λάμψη #E2F4FE εξασθενεί σε #FDFDFB κατά f165. Ένας κέρσορας που δείχνει κατευθείαν προς τα πάνω μετακινείται στον κύλινδρο και σταματά κάτω από τη φράση-κλειδί (≈(450,591) f180) και στη συνέχεια μετακινείται προς τα δεξιά.
S5 f187–214, κάρτα: μια λευκή κάρτα (x203–878, εκτείνεται από το κάτω μέρος) ανεβαίνει πάνω από τη σελίδα: εικόνα εξωφύλλου 627x536 ένθετο 24 px, ακτίνα 64, μια γραμμή λήψης φωτός στο επάνω κέντρο της, η λεζάντα ημιέντονη 38 px μαύρη, η υπολεζάντα γκρι 23 px. Επάνω μέρος εξωφύλλου y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), στη συνέχεια συνεχίζει να μετακινείται προς τα πάνω ~4 px/καρέ. Το θάμπωμα της κάρτας κορυφώνεται στα 3,8 px στο f189, ευκρίνεια κατά f201. η σελίδα πίσω θολώνει σε ≈2,5 px. Έξοδος f207–214: η κάρτα συρρικνώνεται ~5% και ανεβαίνει ενώ ολόκληρο το καρέ θολώνει 1 → 7 px. περικοπή στην κορυφή θολώματος.
S6 f215–244, δύο κάρτες: λευκή σελίδα, δύο στοιβαγμένες κάρτες 538x348 (ακτίνα 57, κενό 36) κεντραρισμένες στο x540, η πάνω κάρτα καταλήγει στο y168 επί f230, η κάτω στο y552. Κάθε κάρτα: εξώφυλλο (χωρίς κείμενο ενσωματωμένο σε αυτό), ένα αδιαφανές χάπι πάνω αριστερά ("Ενότητα 3" / "Ενότητα 5"), ένα αδιαφανές στρογγυλό "•••" πάνω δεξιά, και ένας τεράστιος έντονος τίτλος κατά μήκος της κάτω άκρης από αδιαφανές γυαλί (ένα θολό, ανοιχτόχρωμο αντίγραφο της εικόνας κομμένο στα γράμματα, κομμένο από την κάτω άκρη της κάρτας): "Launch" και "Sound". Και οι δύο μπαίνουν θολή 12 px και ευκρινής κατά f224. η πάνω κάρτα μπαίνει σε μέγεθος 8% και ανεβαίνει από το y264. η κάτω κάρτα ανεβαίνει από το y927, κλιμακωτή πίσω από αυτό. Μετακινούνται προς τα πάνω κατά 3 px/καρέ f230–238, στη συνέχεια επιταχύνονται προς τα πάνω και θολώνουν στην κοπή.
S7 f245–300, δίσκος με λογότυπο: σελίδα #FDFDFB, δίσκος ⌀168 #F6F6F6 με το σκούρο σημάδι, ανεβαίνει στο κέντρο (πάνω y569 f245 → 491 f250 → 468 f255 → 456 f269) με μια κάθετη κηλίδα στο κομμένο πλαίσιο, παραμένει ακίνητο στο f269–287 (το μόνο παγωμένο τμήμα), και στη συνέχεια συρρικνώνεται επιταχύνοντας στα ⌀123 στα f300.
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 (μόνο seeded hashes). Οι λήψεις καταχωρούνται ως {f0, f1, render(localFrame)}.
2. Κάθε τιμή είναι συνεχής στον αριθμό καρέ (το master 59.94 αποδίδει μισά καρέ): κίνηση με πίνακες keyframe kf(frame, [[f, value],...], ease) και πίνακες αναζήτησης ανά καρέ με γραμμική παρεμβολή. Δεν υπάρχει Math.floor σε κίνηση.
3. Θάμπωμα: Θάμπωμα φίλτρου CSS για στρογγυλό θάμπωμα, SVG feGaussianBlur με ξεχωριστή x/y stdDeviation για κατευθυντικές μουτζούρες. Μείγμα ζουμ στην τελική κάρτα = 20–30 κλιμακωτά, ξεθωριασμένα αντίγραφα της λέξης. Αδιαφανές γυαλί = ένα θολό, φωτεινότερο αντίγραφο αυτού που βρίσκεται από πίσω, κομμένο στο σχήμα.
4. Cursor: ένα βέλος SVG macOS (μαύρο γέμισμα, λευκό περίγραμμα, απαλή σκιά) με περιστροφή και κλίμακα, επαναχρησιμοποιημένο στα S1, S3, S4.
5. Ήχος (χωρίς φωνή), ακριβώς 12.075 s: μουσική στα 124 BPM, απαλή εισαγωγή, η πτώση στα 2.47 s (beat 5, το cut f72 προηγείται κατά 2 καρέ). Συνθετικά SFX: απαλό impact 0.10 s. whooshes με κορύφωση στα cut στα 2.402, 3.370, 5.305, 10.043 s. η μετάβαση επιτυγχάνεται ακριβώς στα 6.240 s και 8.175 s. κλικ στα 2.33 και 3.83 s. πολύ ήσυχα τικ πλήκτρων κάθε ~32 ms σε διάστημα 4.04–5.00 s. απαλή λάμψη στα 10.05 s. Master σε −14 LUFS, πραγματική κορυφή −1 dBTP, χωρίς fade εκτός από τα τελευταία 60 ms.
6. Αποδώστε με Playwright (ένα στιγμιότυπο οθόνης ανά καρέ, οι γραμματοσειρές φορτώνονται πρώτα), κωδικοποιήστε H.264 yuv420p στα 60000/1001, muxάρετε τον ήχο.

Μετρήστε το κείμενο μόνο μετά τη φόρτωση των γραμματοσειρών. Ένα μεγάλο όνομα προϊόντος δεν θα χωράει εκεί που χωρούσε ένα όνομα 5 γραμμάτων: κλιμακώστε ολόκληρο το κλείδωμα (κενό δίσκου, όνομα, χάπι) για να χωρέσει στο εύρος x474–1063, μην αφήσετε το χάπι να βγει εκτός πλαισίου. Ένα λευκό τετράγωνο τροχιάς εξαφανίζεται στη λευκή σελίδα χωρίς άκρη 1px και μια αχνή σκιά. Μην τοποθετείτε εικόνες με δικό τους κείμενο μέσα στις κάρτες S6, διαφορετικά ο τίτλος από γυαλί διπλασιάζεται. Διατηρήστε τα κομμένα καρέ ακριβώς ακόμα και εκεί που δεν κάθονται σε ένα ρυθμό. Τίποτα δεν παγώνει εκτός από το S7 f269–287. Οι πίνακες με έντονο θάμπωμα μπορούν να σβήσουν εντελώς ένα σχήμα: εάν ένα πλαίσιο φαίνεται άδειο, μειώστε το θάμπωμα μέχρι το σχήμα να εξακολουθεί να διαβάζεται.

Ρώτα με για τα δεδομένα εισόδου. Στη συνέχεια, δείξε μου 4 φωτογραφίες (κεφαλίδα f40 στο παράθυρο, σταυρός εικονιδίου f86, προτροπή ολοκλήρωσης f150, και τις δύο κάρτες f230) πριν κάνεις render ολόκληρη την ταινία.

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.