Thiết lập: Video ra mắt Frame by Frame

Hãy yêu cầu tôi cung cấp: tên sản phẩm, logo (hoặc cho phép bạn vẽ một biểu tượng đơn giản), dòng chữ mà người dùng nhập vào ô nhắc, trang trả lời câu hỏi đó (tiêu đề + 2-3 câu với một cụm từ khóa), hai tên tính năng cho các thẻ xếp chồng lên nhau, và một bản nhạc. Nếu tôi bỏ sót bất kỳ mục nào, hãy sử dụng các mục mặc định: sản phẩm "Frame by Frame" nằm trong trung tâm Whop của nó, biểu tượng kính ngắm (bốn góc ngoặc vuông xung quanh chữ "FF" in đậm), lời nhắc "Tạo video ra mắt cho ứng dụng của tôi", trang bài học có tiêu đề "2.1 Chọn tài liệu tham khảo", các thẻ "Ra mắt" và "Âm thanh", và bản nhạc house miễn phí "Rising Forest" của Mixkit được làm chậm xuống 124 BPM.

Một đoạn phim quảng cáo sản phẩm hình vuông dài 12 giây, độ phân giải 1080x1080, tốc độ khung hình 29,97 fps (f0–f359), bản dựng cuối cùng ở tốc độ 59,94 fps. Cảm giác như trong bài thuyết trình của Apple: mềm mại, trắng sáng, xanh lam rực rỡ, bóng bẩy. Máy quay không bao giờ cắt ở khung hình tĩnh: mỗi cảnh quay bắt đầu khi đang chuyển động (hiệu ứng làm mờ theo cấp số mũ, 12–19% khoảng cách còn lại mỗi khung hình) và kết thúc với chuyển động tăng tốc hoặc hiệu ứng làm mờ dần. Hiệu ứng làm mờ tuân theo tốc độ và hướng của mỗi chuyển động.
Bảng màu: trang #FDFDFB, màu sương mù #B7CFEB, màu băng #E6F0FA, màu xanh đậm #294376 → #769CC2 (màu chuyển sắc bầu trời), màu xanh hải quân #1E2F52, các sắc xanh nhấn #2F6BFF / #3CC8F0 / màu bạc hà #4ED6A0, màu trắng. Loại giấy: Inter (400/500/600/700). Không có màu tím, tím hoa cà, đỏ tươi hoặc cam ở bất kỳ đâu.
Câu chuyện: Tiêu đề sản phẩm hiện lên từ một làn sương xanh bên trong cửa sổ ứng dụng sáng → con trỏ chuột di chuyển vào, xoay hướng về phía nó đang di chuyển, phóng to khi di chuột và nhấp vào logo → cắt đột ngột khi nhạc tắt, chuyển sang biểu tượng ứng dụng với bốn hình vuông xoay tròn tạo thành hình chữ thập → biểu tượng thu nhỏ lại thành thanh menu của Mac → con trỏ chuột nhấp vào biểu tượng trên thanh menu, một hộp thoại nhắc nhở bằng kính mờ hiện ra và người dùng nhập lời nhắc → chuyển cảnh nhanh lên qua một tia sáng xanh nhạt vào trang trả lời đang cuộn vào vị trí → một tấm thẻ hiện lên phía trên → làm mờ dần sang hai tấm thẻ xếp chồng lên nhau với tiêu đề bằng kính mờ khổng lồ → làm mờ dần sang đĩa logo đơn độc → cắt đột ngột sang thẻ kết thúc màu đen với logo chữ phát sáng.
Bị cấm: hiệu ứng chuyển cảnh mờ dần, khung hình đóng băng (ngoại trừ một lần giữ trong S7), bộ giao diện người dùng mặc định, hiệu ứng phát sáng trên văn bản giao diện người dùng, Math.random, bất cứ thứ gì trông giống như một mẫu.

Tọa độ được tính bằng pixel trên màn hình 1080p. Nhịp nhạc k = 0.048 + 0.4838·ks (124 BPM, một nhịp = 14.5 khung hình). Ba đoạn cắt đột ngột f72, f101, f159 xuất hiện trước nhịp 2 khung hình: hãy giữ nguyên chính xác các khung hình này.
S1 f0–71, tiêu đề + cửa sổ + nhấp chuột: sương mù #B7CFEB mờ dần thành #FDFDFB ở f28, giữ nguyên ánh sáng nền màu xanh lam #DBEEFD ở phía dưới. Tiêu đề trên một dòng: đĩa logo ⌀132 (#FBFCFE, viền 1px #E8E8EA, dấu hiệu tối màu), tên sản phẩm (Inter 500), viên thuốc hình viên nang tối màu "on Whop" (#2F2E2F, chữ trắng); toàn bộ bố cục trải dài x474–1063, đường trung tâm dâng lên y932 (f0) → 776 (f2) → 683 (f5) → 608 (f10) → 546 (f24) → 536 (f37), dịch chuyển 1 px/khung hình sau đó. Tên xuất hiện mờ ở f2, viên thuốc ở f4–5 bị mờ nặng và trượt 15 px sang trái khi nó được làm sắc nét. Một cửa sổ trung tâm ánh sáng (bán kính 93, tô màu #FCFDFF, dải trên cùng #F1F6FF, ánh sáng nền màu xanh lam bên trong) mờ dần xung quanh nó: độ mờ từ 0 đến f14, 0.53 f15, 0.7 f19, 1.0 f24; góc trên bên trái (408,405), kéo dài ra ngoài bên phải và phía dưới. Bên trong: một ô tìm kiếm ở dải trên cùng, một cột biểu tượng bên trái (biểu tượng Khóa học tại (537,739), biểu tượng Trò chuyện mờ tại (537,900)), và một thẻ khóa học từ (764,700) nằm ngoài khung hình với hình ảnh bìa, tiêu đề và "Khóa học · 8 bài học". Cursor (mũi tên macOS màu đen, viền trắng, 32x39) xuất hiện ở f27 tại (891,393), lướt sang trái giảm tốc đến (770,383) f44, xoay để chỉ xuống dưới bên trái f47–51 khi nó lao xuống, đáp xuống phía dưới bên phải của đĩa (629,564) f56 → (587,546) f59 → (555,531) f71; tăng kích thước ×1,55 khi di chuột từ f56; một vòng băng mềm (#D5F3FF → #F7FEFF, vòng ngoài ⌀174) sáng lên xung quanh đĩa từ f53. Máy ảnh phóng to khoảng (540,540): 1.0 f46 → 1.2 f60 chuyển động mượt mà vào ra, giữ ở f61, sau đó chuyển động mượt mà ra ngoài tăng tốc đến 1.04 ở f71 trong khi con trỏ nhấn (thu nhỏ 15% f69–71).
S2 f72–100, biểu tượng + quỹ đạo: biểu tượng ứng dụng hình vuông bo tròn màu xanh hải quân (#294376 → #1E2F52, dấu trắng), 276 px ở f72 thu nhỏ dần xuống 178 px ở f86, bán kính 28% chiều rộng, trên một đĩa quầng sáng màu xám #E9E9E7 lớn dần ⌀240 (f75) → 326 (f86). Bốn hình vuông 92 px (bán kính 26) quay ngược chiều kim đồng hồ, giảm tốc và khóa vào một hình chữ thập ở bán kính quỹ đạo ≈216 ở f86: màu trắng (cạnh 1px #E3E8EF + bóng mờ) bên trái, #2F6BFF phía trên, #3CC8F0 bên phải, #4ED6A0 phía dưới. f88–100: biểu tượng thu nhỏ dần đến khoảng 40 px, các ô vuông trượt vào một hàng bên phải của nó (màu trắng nằm phía sau biểu tượng), độ mờ tăng dần từ 0,3 → 6 px.
S3 f101–158, thanh menu + dấu nhắc: trang trắng phía trên viền đen của máy tính xách tay (y425–475, điểm nổi bật trên cùng #686866), thanh menu màu xanh đậm (y477–538), hình nền bên dưới = dải màu xanh da trời với các đường kẻ trắng mỏng (một vòng tròn lớn, hai đường ngang, một đường dọc, một điểm lấp lánh bốn điểm tại giao điểm, ánh sáng xanh ngọc nhạt ở góc trên bên phải). Cụm bên phải thanh menu màu trắng: Wi-Fi, pin, công tắc, biểu tượng sản phẩm tại x531–584, ba dấu chấm ⌀36 #2F6BFF / #3CC8F0 / #4ED6A0 tại x612, 661, 709, "Thứ Hai, ngày 22 tháng 6, 9:41 sáng" 34 px. Di chuyển vào vùng mờ 3 px và ổn định ở f110. Cursor di chuyển lên từ bên dưới (f102), dừng lại trên biểu tượng, nhấn f113–117. Camera lia nội dung sang phải +125 px ở khẩu độ f115–130 (nhanh nhất f118–120). Một hộp kính mờ (kính trắng xanh trên nền trời, viền trên sáng, bán kính 60) hiện ra từ dưới vạch f116: chiều rộng đạt đỉnh 744 ở f126 và ổn định ở 726x228 ở f138 xung quanh x196–922, y568–797. Lời nhắc được gõ từ f121 (chữ "Make" đầu tiên có thể đọc được) đến f150 (hoàn thành) với tốc độ khoảng 1 ký tự/khung hình và giữ 1 khung hình sau mỗi 2–3 ký tự; con trỏ luôn bật; ba biểu tượng viền trắng dọc theo phía dưới; nút gửi #2F6BFF ⌀51 với mũi tên trắng hướng lên. Từ f136, toàn bộ khung cảnh trôi lên, tăng tốc thành chuyển động nghiêng mạnh (f158 di chuyển ≈25 px/khung hình, làm mờ theo chiều dọc ≈6–8 px) trong khi trang tô màu #E6F4FE trên f154–158.
S4 f159–186, trang trả lời: một trang bài học khóa học ánh sáng (đường dẫn, tiêu đề, nội dung): cột văn bản x120, nội dung 47 px Inter 400 màu xám #BCBCBA, khoảng cách dòng 58, một cụm từ khóa ("khung hình cho khung hình") màu đen 600. Nó xuất hiện bị nhòe và thấp 420 px, cuộn lên với các độ lệch 420, 315, 210, 170, 140, 116, 96, 81 (f166) … 14 (f175) … 0 (f180), sau đó dịch chuyển -6 px ở f186. Làm mờ 24 px (f159) → 1.5 (f165) → 0. Nhấp nháy #E2F4FE mờ dần thành #FDFDFB ở f165. Con trỏ chỉ thẳng lên trên di chuyển theo cuộn và dừng lại bên dưới cụm từ khóa (≈(450,591) f180), sau đó di chuyển sang phải.
S5 f187–214, thẻ: một thẻ trắng (x203–878, tràn ra khỏi đáy) nổi lên trên trang: ảnh bìa 627x536, lề 24 px, bán kính 64, một thanh thu sáng ở giữa phía trên, chú thích in đậm 38 px màu đen, chú thích phụ màu xám 23 px. Phần trên của bìa y642 (f187) → 456 (f191) → 395 (f196) → 369 (f200) → 348 (f205), sau đó tiếp tục dịch chuyển lên khoảng ~4 px/khung hình. Độ mờ của thẻ đạt đỉnh 3,8 px ở f189, sắc nét ở f201; trang phía sau mờ đi khoảng ≈2,5 px. Thoát f207–214: thẻ thu nhỏ khoảng 5% và nổi lên trong khi toàn bộ khung hình mờ đi 1 → 7 px; cắt ở đỉnh độ mờ.
S6 f215–244, hai thẻ: trang trắng, hai thẻ xếp chồng lên nhau 538x348 (bán kính 57, khoảng cách 36) được căn giữa ở x540, thẻ trên cùng nằm ở vị trí y168 tại f230, thẻ dưới cùng ở vị trí y552. Mỗi thẻ: hình bìa (không có văn bản được nhúng vào), một viên thuốc mờ ở góc trên bên trái ("Module 3" / "Module 5"), một hình tròn mờ "•••" ở góc trên bên phải, và một tiêu đề lớn in đậm dọc theo cạnh dưới được làm bằng kính mờ (một bản sao mờ, được làm sáng của hình ảnh được cắt theo chữ cái, bị cắt bởi cạnh dưới của thẻ): "Launch" và "Sound". Cả hai đều xuất hiện mờ 12 px và sắc nét tại f224; thẻ trên cùng xuất hiện lớn hơn 8% và nổi lên từ y264; thẻ dưới cùng nổi lên từ y927, lệch phía sau nó. Chúng trôi lên 3 px/khung hình f230–238, sau đó tăng tốc lên và mờ dần vào vùng cắt.
S7 f245–300, đĩa logo: trang #FDFDFB, đĩa ⌀168 #F6F6F6 với dấu tối, nổi lên trung tâm (trên cùng y569 f245 → 491 f250 → 468 f255 → 456 f269) với một vệt mờ dọc trên khung cắt, giữ nguyên ở f269–287 (độ giãn duy nhất bị đóng băng), sau đó thu nhỏ dần và tăng tốc đến ⌀123 ở f300.
S8 f301–359, thẻ cuối: nền xuyên tâm màu đen (#020204 ở các góc, ≈#272729 xung quanh chữ), logo chữ bằng phông Inter 600, màu trắng #F3F3F5 với ánh sáng tập trung cộng với quầng sáng mềm rộng, căn giữa (540,540). Độ rộng chữ: ≈1650 px f301 (bị nhòe theo chiều ngang, vệt phóng to) → 1350 f302 → 1110 f303 → 1049 f304 → 734 f309 → 678 f311 → 563 f320 → 516 f342 (thu nhỏ ≈1 px/khung hình) → 492 f350, sau đó thu gọn dần: 450 f355 → 267 f359 với độ mờ tăng lên 3,5 px. Phim kết thúc giữa lúc thu gọn.

1. Một trang HTML, 1080x1080, được vẽ bởi seek(t) như một hàm thuần túy của số khung hình. Không có hiệu ứng chuyển tiếp CSS, không có bộ hẹn giờ, không có Math.random (chỉ sử dụng hàm băm được gieo hạt). Các lần chụp được ghi nhận là {f0, f1, render(localFrame)}.
2. Mỗi giá trị đều liên tục trong số khung hình (bản gốc 59.94 hiển thị nửa khung hình): tạo hoạt ảnh bằng bảng khung hình chính kf(frame, [[f, value],...], ease) và bảng tra cứu trên mỗi khung hình với nội suy tuyến tính. Không sử dụng Math.floor trên chuyển động.
3. Làm mờ: Bộ lọc làm mờ CSS cho hiệu ứng làm mờ tròn, SVG feGaussianBlur với độ lệch chuẩn x/y riêng biệt cho hiệu ứng làm mờ theo hướng. Hiệu ứng làm mờ khi phóng to ở cuối thẻ = 20-30 bản sao thu nhỏ, làm mờ dần của từ. Kính mờ = một bản sao mờ, làm sáng của phần phía sau, được cắt theo hình dạng.
4. Cursor: một mũi tên SVG macOS (màu đen, viền trắng, đổ bóng mềm) có thể xoay và thu phóng, được sử dụng lại trong S1, S3, S4.
5. Âm thanh (không có giọng nói), chính xác 12.075 giây: nhạc ở tốc độ 124 BPM, phần mở đầu nhẹ nhàng, đoạn cao trào ở 2.47 giây (nhịp 5, đoạn cắt f72 dẫn trước 2 khung hình). Hiệu ứng âm thanh tổng hợp: tiếng va chạm nhẹ 0.10 giây; tiếng vù đạt đỉnh điểm tại các đoạn cắt 2.402, 3.370, 5.305, 10.043 giây; các đoạn chuyển tiếp chính xác ở 6.240 giây và 8.175 giây; tiếng lách cách ở 2.33 và 3.83 giây; tiếng tích tắc phím rất nhỏ cứ sau ~32 ms trong khoảng 4.04–5.00 giây; một âm thanh lung linh nhẹ ở 10.05 giây. Master ở mức −14 LUFS, đỉnh thực −1 dBTP, không có hiệu ứng mờ dần ngoại trừ 60 ms cuối cùng.
6. Kết xuất bằng Playwright (một ảnh chụp màn hình cho mỗi khung hình, phông chữ được tải trước), mã hóa H.264 yuv420p ở độ phân giải 60000/1001, ghép âm thanh.

Chỉ đo kích thước văn bản sau khi phông chữ đã được tải. Tên sản phẩm dài sẽ không vừa với tên 5 chữ cái: hãy điều chỉnh tỷ lệ toàn bộ bố cục (khoảng cách đĩa, tên, viên thuốc) để vừa với khoảng cách x474–1063, đừng để viên thuốc bị lệch khỏi khung hình. Một hình vuông quỹ đạo màu trắng sẽ biến mất trên trang trắng nếu không có cạnh 1px và bóng mờ. Không đặt hình ảnh có văn bản riêng bên trong thẻ S6, nếu không tiêu đề kính sẽ bị nhân đôi. Giữ cho các khung cắt chính xác ngay cả khi chúng không nằm trên một nhịp. Không có gì bị đóng băng ngoại trừ S7 f269–287. Bảng làm mờ mạnh có thể xóa hoàn toàn một hình dạng: nếu một khung trông trống rỗng, hãy giảm độ mờ cho đến khi hình dạng vẫn có thể đọc được.

Hãy hỏi tôi về các thông số đầu vào. Sau đó, cho tôi xem 4 hình ảnh tĩnh (f40 tiêu đề trong cửa sổ, f86 biểu tượng dấu thập, f150 thông báo hoàn tất, f230 hai thẻ) trước khi bạn xuất toàn bộ phim.

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.

Lời nhắc được lấy từ bưu kiện @notdwd.