Configurando: Vídeo de lanzamiento de la aplicación de impresión de fotos

Pídeme lo siguiente: un nombre de marca de una sola palabra para el logotipo (un verbo funciona mejor), de 9 a 12 fotos de alta resolución, una canción libre de derechos de autor de alrededor de 120 BPM con un cambio de ritmo y una pausa tranquila (Mixkit, gratis para uso comercial) y un clip de archivo gratuito de una pared lisa con sombras de plantas en movimiento (Pexels).

Un vídeo de lanzamiento de la presentación de Apple, solo en 2D, una sola toma continua. Cada escena se compone de la anterior: nada se desvanece, se difumina ni se corta. En cambio, los objetos cambian de forma: el texto emerge de una línea de máscara, los iconos aparecen desde cero con un resorte, las barras se dibujan, las páginas se desplazan y una forma negra inunda todo el fotograma y se contrae en la siguiente escena. Lienzo de color blanco roto cálido, interfaz de usuario negra, cristal líquido de iOS 26 sobre las fotos. Archivo (ancho 125, grosor 800) para el logotipo, Geist para la interfaz de usuario. Un cursor controla cada cambio con clics, arrastres y pulsaciones largas reales. La cámara hace zoom al estilo de un estudio de grabación para que cada momento llene el cuadrado, y el cursor se escala con él.
Prohibido: fundidos cruzados, desenfoques de entrada, "desarrollo" de brillo, volteos 3D, partículas, brillos, duraciones superiores a 1 s, cualquier cosa que parezca una plantilla.

120 BPM, 54 tiempos, algo sucede en cada tiempo.
Abrir: el logotipo se comprime en su propio espacio como un acordeón, el punto se convierte en una píldora negra y una etiqueta emerge en su interior. Clic: seis láminas de iris se cierran sobre la etiqueta y se abren sobre una foto. El círculo se transforma en un cuadrado, se encoge, la cuadrícula se despliega desde atrás como un mapa de papel (centro, signo más, esquinas), se reorganiza en un bento y un clic amplía una casilla, aterrizando justo en el punto deseado.
Cristal: una palabra de cristal aparece letra por letra, se funde en una gota que se estira hasta convertirse en una barra de herramientas de cristal. El icono de ajuste la convierte en un control deslizante. Arrastrando, la foto cambia de luz diurna a luz dorada (dos tomas alineadas), y el botón se transforma en una lente de cristal al mantenerlo presionado. Se eleva hasta convertirse en una esfera de cristal, la siguiente foto se abre en su interior como un círculo, y la esfera se expande hasta convertirse en una pantalla de bloqueo: dígitos de reloj de cristal, fecha y una barra de inicio que se estira hasta convertirse en un reproductor de música de cristal.
Escenario: la pantalla de bloqueo se retrae en un teléfono (el bisel se extiende desde el borde de la pantalla). La Isla Dinámica se estira como un líquido, se pellizca, vuela y crece hasta convertirse en una ventana de Mac que se enrolla como una persiana. Mantén pulsado el fondo de pantalla, arrástralo a una pestaña de Safari, la página se desplaza, suéltalo y se convierte en el elemento principal de una página de inicio. Desplazamiento: el elemento principal se transforma en una impresión enmarcada en una tarjeta de producto, con el paspartú y la moldura extendiéndose desde el borde de la foto. Elige un color de marco (se pinta sobre él) y un tamaño, luego el botón de navegación se desplaza hacia abajo hasta "Pedir impresión".
Pedido: una forma negra sigue transformándose: Pedido ✓ → Imprimiendo % → En camino (una furgoneta en ruta) → Entregado ✓.
Pared: el círculo entregado inunda el marco de borde a borde, mantiene el negro por un instante y se contrae en la impresión enmarcada que cuelga en la imagen real de la pared. El mismo iris se abre sobre la impresión, se cierra de nuevo, el marco inunda la pantalla y se contrae en la píldora → el punto → las letras vuelven a aparecer, aterrizando en el retorno del ritmo. Último fotograma = primer fotograma.

1. Un archivo HTML, cuadrado de 1440x1440. Cada estilo se calcula a partir del tiempo dentro de un seek(t) asíncrono: sin transiciones CSS, sin temporizadores, sin estado entre fotogramas.
2. Los resortes son respuestas escalón de forma cerrada. Un valor con múltiples objetivos es la suma de un resorte por cada cambio, por lo que sigue siendo una función pura del tiempo.
3. Vidrio líquido: cada elemento de vidrio contiene su propio clon de la escena que hay detrás, filtrado con un mapa de desplazamiento SVG feImage (un campo de distancia de rectángulo redondeado) a través de tres feDisplacementMaps a escalas ligeramente diferentes para los bordes cromáticos, además de una luz de borde. Letras de vidrio: un campo de distancia de lienzo por glifo proporciona el mapa, la máscara y los reflejos.
4. Goo: desenfoque + umbral alfa, luego compone la fuente encima para que el vidrio permanezca nítido en el interior.
5. Iris: 6 láminas alrededor de una abertura hexagonal. Cada lámina está formada por sus dos vértices, ambas extensiones de los bordes y el arco CORTO entre ellos.
6. Compresión de logotipo: cada letra se mueve hacia el punto por el mismo factor y su ancho dibujado lo sigue (estrecha el eje del ancho, escala el resto), de modo que las letras permanecen en contacto.
7. Metraje: volver a codificar todo el intra (ffmpeg -g 1), cargarlo como una URL de blob, esperar a que se complete 'seeked' antes de dibujar cada fotograma.
8. Sonido: un SFX descargado para cada evento (Mixkit), nunca sintetizado, cada uno ubicado según su pico medido. La canción comienza en el tiempo fuerte: el zoom aterriza en el drop, la pared se sitúa en el breakdown, el logotipo regresa con el ritmo. Loudnorm a -14 LUFS.
9. Renderizar con Playwright: 4 subfotogramas por fotograma mezclados con ffmpeg tmix, 60 fps. Comprobar un fotograma por tiempo, luego buscar picos de un solo fotograma (diferencias de fotogramas que triplican las de sus vecinos).

Backdrop-filter: url() interpreta erróneamente los mapas de desplazamiento en Chromium, así que clona la escena en su lugar. Un flood debe sobreescalarse más allá de las esquinas y tardar aproximadamente 0,3 s, o la mitad de la pantalla cambia en un fotograma. Un hijo con visibilidad: visible se muestra a través de un padre oculto, así que usa inherit. El texto que cambia dentro de una forma transformable necesita su propia máscara. python http.server no puede buscar rango de vídeo, así que usa la URL blob.

Pídeme las ideas, luego muéstrame el mapa de ritmos y 4 imágenes fijas (abierta, cristal, escenario, pared) antes de escribir el guion completo de la película.

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.

Mensaje tomado de correo @twoclipping.