Video ra mắt ứng dụng in ảnh.

Hãy yêu cầu tôi cung cấp: một tên thương hiệu gồm một từ (động từ là tốt nhất), 9 đến 12 ảnh độ phân giải cao, một bài hát miễn phí bản quyền khoảng 120 BPM có đoạn cao trào và đoạn chuyển nhẹ nhàng (Mixkit, miễn phí cho mục đích thương mại), và một đoạn video miễn phí về một bức tường trơn với bóng cây chuyển động (Pexels).

Một đoạn phim giới thiệu sản phẩm của Apple, chỉ có 2D, quay một cảnh liên tục. Mỗi cảnh được tạo nên từ cảnh trước đó: không có hiệu ứng mờ, nhòe hay cắt ghép. Thay vào đó, các đối tượng thay đổi hình dạng: văn bản nổi lên từ một đường viền, biểu tượng bật ra từ vị trí ban đầu nhờ cơ chế lò xo, các thanh được vẽ ngang, các trang được đẩy ra, và một hình dạng màu đen tràn ngập toàn bộ khung hình rồi thu nhỏ lại để hòa vào cảnh tiếp theo. Nền trắng ngà ấm áp, giao diện người dùng màu đen, hiệu ứng kính lỏng iOS 26 phủ lên các bức ảnh. Phông chữ Archivo (chiều rộng 125, độ dày 800) được sử dụng cho logo, Geist cho giao diện người dùng. Con trỏ điều khiển mọi thay đổi bằng các thao tác nhấp chuột, kéo và nhấn giữ thực tế. Máy ảnh phóng to theo phong cách studio màn hình để mỗi khoảnh khắc lấp đầy khung hình vuông, và con trỏ cũng phóng to theo.
Bị cấm: hiệu ứng chuyển cảnh mờ dần, hiệu ứng làm mờ dần, hiệu ứng "phát triển độ sáng", hiệu ứng lật 3D, hiệu ứng hạt, hiệu ứng phát sáng, giữ lâu hơn 1 giây, bất cứ thứ gì trông giống như một mẫu có sẵn.

120 BPM, 54 phách, mỗi phách đều có sự kiện xảy ra.
Mở: logo chữ co lại trong dấu chấm như một chiếc đàn accordion, dấu chấm lớn dần thành một viên thuốc đen, một nhãn dán nổi lên bên trong. Nhấp chuột: sáu lá chắn hình con ngươi khép lại trên nhãn dán và bật ra trên một bức ảnh. Hình tròn biến thành hình vuông, thu nhỏ lại, lưới trải ra từ phía sau nó như một bản đồ giấy (trung tâm, dấu cộng, các góc), sắp xếp lại thành một hộp cơm bento, và một cú nhấp chuột phóng to vào một ô, dừng lại chính xác trên giọt nước.
Glass: một từ bằng thủy tinh hiện lên từng chữ một, tan chảy thành một giọt nước kéo dài thành thanh công cụ bằng thủy tinh. Biểu tượng điều chỉnh biến nó thành thanh trượt. Kéo sẽ điều chỉnh ánh sáng ảnh từ ban ngày sang giờ vàng (hai bức ảnh được căn chỉnh), và núm xoay biến thành thấu kính thủy tinh khi giữ. Nó nâng lên thành một quả cầu thủy tinh, bức ảnh tiếp theo mở ra bên trong nó dưới dạng một hình tròn, và quả cầu mở rộng thành màn hình khóa: các chữ số đồng hồ bằng thủy tinh, ngày tháng và một thanh công cụ chính kéo dài thành trình phát nhạc bằng thủy tinh.
Giai đoạn: màn hình khóa thu nhỏ lại thành hình điện thoại (viền màn hình mở rộng ra khỏi cạnh màn hình). Hòn đảo động (Dynamic Island) giãn ra như chất lỏng, tách ra, bay lên và phát triển thành một cửa sổ Mac cuộn lên như một tấm rèm. Nhấn giữ hình nền, kéo nó vào một tab Safari, trang sẽ thu nhỏ lại, thả nó xuống và nó trở thành hình ảnh chính của trang đích. Cuộn: hình ảnh chính biến thành một bức tranh in có khung trên thẻ sản phẩm, với viền và khung bao quanh mở rộng ra khỏi cạnh ảnh. Chọn màu khung (nó sẽ tô lên) và kích thước, sau đó nút điều hướng sẽ bay xuống mục "Đặt in".
Đơn hàng: một hình dạng màu đen liên tục biến đổi: Đã đặt hàng ✓ → Đang in % → Đang trên đường (một chiếc xe tải đang trên tuyến đường) → Đã giao hàng ✓.
Bức tường: vòng tròn được hiển thị tràn ngập khung hình từ cạnh này sang cạnh kia, giữ màu đen trong một khoảnh khắc, rồi thu nhỏ lại thành bức tranh in được đóng khung treo trên bức tường thực. Cùng một con ngươi mở ra trên bức tranh, đóng lại, khung hình tràn ngập màn hình và thu nhỏ lại thành viên thuốc → dấu chấm → các chữ cái bật ra trở lại, đáp xuống đúng nhịp. Khung hình cuối cùng = khung hình đầu tiên.

1. Một tệp HTML, hình vuông 1440x1440. Mọi kiểu dáng được tính toán từ thời gian bên trong hàm tìm kiếm bất đồng bộ (async seek(t)): không có chuyển tiếp CSS, không có bộ hẹn giờ, không có trạng thái giữa các khung hình.
2. Lò xo là đáp ứng bước dạng đóng. Một giá trị với nhiều mục tiêu là tổng của một lò xo cho mỗi lần thay đổi, vì vậy nó vẫn là một hàm thuần túy theo thời gian.
3. Thủy tinh lỏng: mỗi phần tử thủy tinh chứa bản sao riêng của khung cảnh phía sau nó, được lọc bằng bản đồ dịch chuyển SVG feImage (trường khoảng cách hình chữ nhật bo tròn) thông qua ba feDisplacementMap ở các tỷ lệ hơi khác nhau cho các cạnh màu sắc, cộng thêm ánh sáng viền. Chữ thủy tinh: một trường khoảng cách canvas cho mỗi ký tự tạo ra bản đồ, mặt nạ và điểm nhấn.
4. Goo: làm mờ + ngưỡng alpha, sau đó ghép nguồn lên trên để mặt kính bên trong vẫn sắc nét.
5. Màng chắn Iris: 6 lá chắn xung quanh một lỗ hình lục giác. Mỗi lá chắn gồm hai đỉnh, cả hai đều là phần mở rộng của cạnh và cung NGẮN giữa chúng.
6. Thu nhỏ logo: mỗi chữ cái di chuyển về phía dấu chấm với cùng một hệ số và chiều rộng được vẽ cũng di chuyển theo (thu hẹp trục chiều rộng, điều chỉnh tỷ lệ phần còn lại), sao cho các chữ cái vẫn tiếp xúc với nhau.
7. Đoạn phim: mã hóa lại toàn bộ thành khung hình nội suy (ffmpeg -g 1), tải nó dưới dạng URL blob, chờ 'seeked' trước khi vẽ từng khung hình.
8. Âm thanh: Hiệu ứng âm thanh (SFX) được tải xuống cho mỗi sự kiện (Mixkit), không bao giờ được tổng hợp, mỗi hiệu ứng được đặt theo giá trị đỉnh đo được. Bài hát bắt đầu ở phách mạnh: hiệu ứng zoom dừng lại ở đoạn cao trào, hiệu ứng tường âm vang lên ở đoạn chuyển tiếp, logo chữ trở lại cùng nhịp điệu. Điều chỉnh độ lớn âm thanh theo chuẩn -14 LUFS.
9. Kết xuất bằng Playwright: 4 khung hình phụ trên mỗi khung hình chính, được trộn bằng ffmpeg tmix, 60 khung hình/giây. Kiểm tra một khung hình cho mỗi nhịp, sau đó quét tìm các điểm bất thường trên một khung hình (các đỉnh chênh lệch khung hình gấp 3 lần so với các khung hình lân cận).

backdrop-filter: url() đọc sai bản đồ dịch chuyển trong Chromium, vì vậy hãy sao chép toàn bộ khung cảnh. Một vùng phủ sóng phải được phóng to vượt quá các góc và mất khoảng 0,3 giây, hoặc một nửa màn hình thay đổi trong một khung hình. Một phần tử con có thuộc tính visibility: visible sẽ hiển thị xuyên qua phần tử cha bị ẩn, vì vậy hãy sử dụng inherit. Văn bản thay đổi bên trong một hình dạng biến đổi cần có mặt nạ riêng. python http.server không thể tìm kiếm theo phạm vi video, vì vậy hãy sử dụng URL blob.

Hãy hỏi tôi về các thông tin đầu vào, sau đó cho tôi xem sơ đồ nhịp điệu và 4 hình ảnh tĩnh (không gian mở, kính, sân khấu, tường) trước khi bạn viết kịch bản phim hoàn chỉnh.

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.

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