← Back to Animated video: From the cosmos to a cell (50 s)
Animated video: From the cosmos to a cell (50 s) · MiniMax M3.1 Flash (free)
Run data
| Model | MiniMax M3.1 Flash (free) |
|---|---|
| ID | minimax/minimax-m3.1-flash:free |
| Category | video |
| Time | 22.5 min |
| Input tokens | 11,300,931 |
| Output tokens | 122,454 |
| Cost | free (promo) |
The prompt (original, in Spanish)
# 61 · Vídeo animado: «Del cosmos a una célula» (50 s)
Eres director de motion graphics. Crea un vídeo animado de 50 segundos, en un solo `index.html`, que se reproduce solo al abrirlo. Es un viaje de zoom continuo: empieza en el borde del universo y termina dentro de una célula. Debe parecer un vídeo cinematográfico, no una página web.
## ARQUITECTURA OBLIGATORIA (síguela al pie de la letra)
1. Un `<canvas>` 1920x1080 escalado para llenar la ventana manteniendo 16:9 (barras negras si hace falta).
2. UNA función pura `render(t)` que dibuja el fotograma del segundo `t` (0 a 50). No guardes estado entre fotogramas: todo se calcula a partir de `t`.
3. Un único bucle con `requestAnimationFrame` que calcula `t` a partir de `performance.now()` y llama a `render(t)`. Prohibido `setTimeout` y `setInterval` para animar.
4. Si la URL trae `?t=12.5`, no reproduce: renderiza solo ese fotograma y se detiene.
5. Funciones de ayuda al principio: `clamp`, `lerp`, `smoothstep`, `easeInOutCubic`, `easeOutExpo`, y `prog(t, inicio, fin)` que devuelve 0..1.
6. Cada escena es una función `escenaN(ctx, t_local, p)` con `p` = progreso 0..1 de la escena. `render` elige las escenas activas y mezcla las transiciones con `globalAlpha`.
7. Controles mínimos, que se ocultan tras 2 s sin mover el ratón: pausa/play (espacio), reinicio (R), barra de progreso arrastrable, y botón de sonido.
8. Los gráficos se dibujan con canvas (arcos, degradados radiales y lineales, trazados). Textos con una tipografía del sistema, grandes y con letra espaciada. Sin imágenes externas.
## ESTILO VISUAL
- Paleta: negro espacio #05060f, azul profundo, magenta y ámbar como acentos, blanco suave para el texto.
- Efectos que debes incluir: viñeta oscura en los bordes, grano sutil animado, destellos aditivos (`globalCompositeOperation = 'lighter'`), leve movimiento de cámara continuo (deriva y zoom lento) en todas las escenas.
- Los textos aparecen letra a letra (máquina de escribir suave con desenfoque) y salen con fundido. Máximo 8 palabras por rótulo.
- Barras negras cinematográficas (letterbox) arriba y abajo durante los 3 primeros y los 3 últimos segundos.
## GUION (tiempos exactos)
- 0–4 s · TÍTULO: pantalla negra, aparecen estrellas una a una, y el título «DEL COSMOS A UNA CÉLULA» se escribe en el centro. Subtítulo pequeño: «un viaje en 10 saltos».
- 4–10 s · EL UNIVERSO: una red cósmica de filamentos y cúmulos de galaxias (puntos brillantes conectados) con zoom hacia dentro. Rótulo: «10²⁶ m · el universo observable».
- 10–16 s · GALAXIA: el zoom entra en una galaxia espiral (brazos con miles de puntos, núcleo brillante, rotación). Rótulo: «10²¹ m · la Vía Láctea».
- 16–22 s · SISTEMA SOLAR: el Sol con corona pulsante, planetas en órbitas (8, tamaños y colores distintos) con el zoom llegando a la Tierra. Rótulo: «10¹³ m · el Sistema Solar».
- 22–29 s · LA TIERRA: planeta azul con continentes simplificados, nubes en movimiento, atmósfera con halo y la luna cruzando. Rótulo: «10⁷ m · la Tierra».
- 29–35 s · UNA CIUDAD / UN PARQUE: el zoom cae sobre el suelo hasta un prado con hierba que se mece y una flor grande en el centro. Rótulo: «10¹ m · una flor».
- 35–41 s · UNA HOJA: el zoom entra en la hoja de la flor: nervaduras y una red de células hexagonales verdes. Rótulo: «10⁻³ m · una hoja».
- 41–46 s · UNA CÉLULA: una célula vegetal con membrana, cloroplastos verdes moviéndose, núcleo y vacuola, con partículas flotando. Rótulo: «10⁻⁵ m · una célula».
- 46–50 s · ÁTOMOS Y CIERRE: el zoom llega a un núcleo con electrones orbitando en elipses, que se funde a negro. Texto final: «Todo está dentro de todo.» y la cuenta «50 s · hecho con IA».
## TRANSICIONES
Entre escenas, el zoom debe ser continuo: la escena que termina se amplía (escala creciente) mientras se desvanece y la siguiente aparece desde escala pequeña. Solape de 1 s. Nada de cortes secos.
## SONIDO (Web Audio, sin archivos, solo se activa tras un clic o tecla)
- Un drone grave constante con ligera modulación.
- Un arpegio suave de notas largas que cambia de nota en cada escena.
- Un «whoosh» (ruido filtrado con barrido) en cada transición.
- Un latido grave muy suave en la escena de la célula.
## CALIDAD
- Debe verse fluido a 60 fps: usa pocas partículas con detalle (máximo ~3.000 por fotograma) y precalcula en el arranque las posiciones aleatorias con una semilla fija (generador pseudoaleatorio propio) para que `render(t)` sea determinista.
- Antes de dar el trabajo por terminado, repasa mentalmente cada escena y asegúrate de que no hay errores de JavaScript ni variables sin definir.
## Reglas
- Entrega UN solo archivo: `index.html` en la carpeta de trabajo actual.
- Todo autocontenido: CSS y JS inline. Sin CDN, sin librerías, sin imágenes externas.
- No pidas aclaraciones: decide tú y termina.