Menyiapkan: Film peluncuran aplikasi cetak foto

Mintalah kepada saya: nama merek satu kata untuk logo (kata kerja paling tepat), 9 hingga 12 foto beresolusi tinggi, sebuah lagu bebas royalti sekitar 120 BPM dengan bagian klimaks dan jeda yang tenang (Mixkit, gratis untuk penggunaan komersial), dan sebuah klip stok gratis berupa dinding polos dengan bayangan tanaman yang bergerak (Pexels).

Film peluncuran keynote Apple, hanya 2D, satu pengambilan gambar berkelanjutan. Setiap adegan dibuat dari adegan sebelumnya: tidak ada yang memudar, kabur, atau terpotong. Objek-objek berubah bentuk: teks muncul dari garis mask, ikon muncul dari nol dengan pegas, batang-batang digambar melintang, halaman-halaman didorong, dan bentuk hitam membanjiri seluruh bingkai dan menyusut ke adegan berikutnya. Kanvas putih pucat hangat, UI hitam, kaca cair iOS 26 di atas foto. Archivo (lebar 125, berat 800) untuk logo, Geist untuk UI. Kursor menggerakkan setiap perubahan dengan klik, seret, dan tekan lama yang nyata. Kamera memperbesar tampilan ala studio layar sehingga setiap momen memenuhi persegi, dan kursor menyesuaikan ukurannya.
Dilarang: efek transisi silang (crossfade), efek buram (blur-in), "pengembangan" kecerahan, pembalikan 3D, partikel, cahaya, durasi lebih dari 1 detik, apa pun yang terlihat seperti templat.

120 BPM, 54 ketukan, sesuatu terjadi di setiap ketukan.
Buka: logo kata menyempit ke dalam titiknya sendiri seperti akordeon, titiknya membesar menjadi pil hitam, sebuah label muncul di dalamnya. Klik: enam bilah iris menutup di atas label dan terbuka ke sebuah foto. Lingkaran menjadi persegi, menyusut, kisi-kisi terbentang dari belakangnya seperti peta kertas (tengah, plus, sudut), mengalir kembali menjadi bento, dan sebuah klik memperbesar satu ubin, mendarat tepat di tempat jatuhnya.
Kaca: sebuah kata kaca muncul huruf demi huruf, meleleh menjadi tetesan yang meregang menjadi bilah alat kaca. Ikon penyesuaian mengubahnya menjadi penggeser. Menyeret mengubah pencahayaan foto dari siang hari ke waktu keemasan (dua bidikan sejajar), dan kenop berubah menjadi lensa kaca saat ditahan. Ia terangkat menjadi bola kaca, foto berikutnya terbuka di dalamnya sebagai lingkaran, dan bola tersebut meluas menjadi layar kunci: angka jam kaca, tanggal, dan bilah beranda yang meregang menjadi pemutar musik kaca.
Tahap: layar kunci menyusut menjadi ponsel (bingkai memanjang dari tepi layar). Pulau Dinamis meregang seperti cairan, menyempit, melayang, dan membesar menjadi jendela Mac yang menggulung seperti tirai. Tekan lama wallpaper, seret ke tab Safari, halaman akan masuk, lepaskan, dan halaman tersebut akan menjadi gambar utama halaman arahan. Gulir: gambar utama berubah menjadi cetakan berbingkai pada kartu produk, dengan alas dan bingkai yang memanjang dari tepi foto. Pilih warna bingkai (bingkai akan dicat) dan ukuran, lalu tombol navigasi akan meluncur ke bawah menuju "Pesan cetak".
Pesanan: satu bentuk hitam terus berubah bentuk: Dipesan ✓ → Persentase Pencetakan → Dalam perjalanan (sebuah van dalam rute) → Terkirim ✓.
Dinding: lingkaran yang dikirimkan membanjiri bingkai dari tepi ke tepi, menahan warna hitam sejenak, dan menyusut menjadi cetakan berbingkai yang tergantung pada rekaman dinding nyata. Iris yang sama terbuka ke cetakan, menutup lagi, bingkai membanjiri layar dan menyusut menjadi pil → titik → huruf-huruf kembali muncul, mendarat pada ketukan kembali. Bingkai terakhir = bingkai pertama.

1. Satu file HTML, persegi 1440x1440. Setiap gaya dihitung dari waktu di dalam async seek(t): tidak ada transisi CSS, tidak ada timer, tidak ada status antar frame.
2. Spring adalah respons langkah bentuk tertutup. Nilai dengan banyak target adalah jumlah dari satu spring per perubahan, sehingga tetap menjadi fungsi murni terhadap waktu.
3. Kaca cair: setiap elemen kaca memiliki klonnya sendiri dari adegan di belakangnya, difilter dengan peta perpindahan SVG feImage (bidang jarak persegi panjang bulat) melalui tiga feDisplacementMap pada skala yang sedikit berbeda untuk tepi kromatik, ditambah cahaya tepi. Huruf kaca: bidang jarak kanvas per glif memberikan peta, masker, dan sorotan.
4. Goo: blur + alpha threshold, lalu gabungkan sumber di atasnya sehingga kaca tetap tajam di bagian dalam.
5. Iris: 6 bilah di sekitar bukaan heksagonal. Setiap bilah adalah dua titik sudutnya, kedua perpanjangan tepinya, dan busur PENDEK di antara keduanya.
6. Wordmark squeeze: setiap huruf bergerak menuju titik dengan faktor yang sama dan lebar yang digambar mengikutinya (mempersempit sumbu lebar, memperbesar bagian lainnya), sehingga huruf-huruf tetap bersentuhan.
7. Cuplikan: encode ulang semua intra (ffmpeg -g 1), muat sebagai URL blob, tunggu 'seeked' sebelum menggambar setiap frame.
8. Suara: efek suara (SFX) yang diunduh untuk setiap kejadian (Mixkit), tidak pernah disintesis, masing-masing ditempatkan berdasarkan puncak terukurnya. Lagu dimulai pada ketukan pertama: zoom mendarat pada bagian drop, dinding berada di bagian breakdown, logo kembali bersamaan dengan ketukan. Loudnorm ke -14 LUFS.
9. Render dengan Playwright: 4 subframe per frame dicampur dengan ffmpeg tmix, 60fps. Periksa satu frame per ketukan, lalu pindai untuk mencari lonjakan frame tunggal (lonjakan perbedaan frame 3x lipat dari frame tetangganya).

backdrop-filter: url() salah membaca peta perpindahan di Chromium, jadi sebaiknya klon adegan tersebut. Banjir harus diperbesar melewati sudut dan membutuhkan waktu sekitar 0,3 detik, atau setengah layar berubah dalam satu bingkai. Anak dengan visibility: visible akan terlihat melalui induk yang tersembunyi, jadi gunakan inherit. Teks yang bertukar di dalam bentuk yang berubah bentuk membutuhkan maskernya sendiri. python http.server tidak dapat melakukan pencarian rentang video, jadi gunakan URL blob.

Minta masukan dari saya, lalu tunjukkan peta alur cerita dan 4 gambar diam (ruang terbuka, kaca, panggung, dinding) sebelum Anda menulis film lengkapnya.

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.

Petunjuk diambil dari pos @twoclipping.