Animated video: We are not alone… or are we? (90 s, epic cut)
Results (1)
The prompt (original, in Spanish)
# 63 · Vídeo animado: «NO ESTAMOS SOLOS… ¿O SÍ?» (90 s, versión épica y especulativa)
Eres director de tráilers de ciencia ficción. Crea un vídeo animado de 90 segundos, en un solo `index.html`, que se reproduce solo al abrirlo. Es un tráiler épico y misterioso sobre la vida extraterrestre: «¿y si…?». Prima el impacto visual, el ritmo y la imaginación sobre la precisión científica. Debe parecer el tráiler de una película o un documental de ciencia ficción, no una página web.
## TONO
- Narrativo, cinematográfico y misterioso: rótulos cortos que empiezan por «¿Y si…?», «Imagina…» o «Quizá…». Sin etiquetas de rigor ni notas al pie.
- Es ficción especulativa. Muestra un único aviso, en pequeño, en los 3 primeros segundos y de nuevo en el cierre: «Ficción especulativa. No hay pruebas de vida extraterrestre.»
- Nada de afirmar como hecho que los alienígenas nos visitan o nos manipulan: todo va en condicional, como imaginación.
## 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 90). Sin estado entre fotogramas: todo se calcula a partir de `t`.
3. Un único bucle con `requestAnimationFrame` que calcula `t` con `performance.now()` y llama a `render(t)`. Prohibido `setTimeout` y `setInterval` para animar.
4. Si la URL trae `?t=12.5`, renderiza solo ese fotograma y se detiene (sin controles visibles).
5. Funciones de ayuda al principio: `clamp`, `lerp`, `smoothstep`, `easeInOutCubic`, `easeOutExpo`, `prog(t, inicio, fin)` (0..1) y un generador pseudoaleatorio con semilla (`rng(seed)`) para que todo sea determinista.
6. Cada escena es una función `escN(ctx, tl, p)` con `tl` = tiempo local y `p` = progreso 0..1. `render` elige las escenas activas y mezcla las transiciones con `globalAlpha`.
7. Controles (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. Todo se dibuja con canvas (arcos, degradados, trazados, texto). Sin imágenes externas.
## ESTILO VISUAL
- Paleta de tráiler: negro profundo, azul eléctrico, verde alien fosforescente, magenta y destellos blancos.
- Efectos: viñeta fuerte, grano de película, aberración cromática leve en los golpes, destellos aditivos (`'lighter'`), cámara que respira y tiembla en los momentos de tensión.
- Tipografía grande con letra muy espaciada, títulos que se componen letra a letra con un pequeño temblor, y un título final tipo película.
- Barras de cine arriba y abajo durante todo el vídeo.
## GUION (tiempos exactos, ritmo creciente)
- 0–6 · APERTURA: negro, un único punto de luz, el aviso de ficción, y el título «NO ESTAMOS SOLOS… ¿O SÍ?» que se escribe.
- 6–14 · EL SILENCIO: zoom a través de un campo inmenso de estrellas. «Cien mil millones de galaxias.» «Y ni una sola señal.»
- 14–22 · LA SEÑAL: un radiotelescopio dibujado en un desierto nocturno recibe un pico de radio (gráfico de barras) y se enciende una alarma roja. «¿Y si alguien respondiera?»
- 22–31 · BAJO EL HIELO: la superficie helada de una luna con grietas y géiseres; la cámara atraviesa el hielo y entra en un océano oscuro donde algo bioluminiscente se mueve. «Imagina un océano sin sol.»
- 31–40 · EL OTRO MUNDO: un planeta alienígena con dos soles, un cielo violeta, vegetación fosforescente y criaturas flotantes que animan formas orgánicas. «Quizá la vida no se parezca a nada que conozcamos.»
- 40–49 · LAS CRIATURAS: cinco seres abstractos en una galería, uno por uno, con su nombre inventado y un rasgo (un enjambre de luz, un gigante gaseoso flotante, una forma cristalina, un ser de metano, una inteligencia hecha de máquinas).
- 49–58 · LA MEGAESTRUCTURA: una esfera de Dyson parcial alrededor de una estrella, con enjambres de paneles que la rodean y una sombra que pasa por delante. «¿Y si una civilización pudiera apagar una estrella?»
- 58–67 · EL GRAN SILENCIO: tarjetas que entran una a una: «El Gran Filtro», «El zoo cósmico», «El bosque oscuro», «Somos los primeros». Cada una con un icono dibujado y una pequeña animación inquietante.
- 67–76 · EL ENCUENTRO: una nave enorme y lenta que aparece sobre el horizonte de una ciudad en silueta, con una sombra gigante, y un haz de luz suave. Todo en condicional: «¿Y si llegaran?»
- 76–84 · LA RESPUESTA: un mensaje en un idioma de símbolos que se descifra poco a poco en frases («HOLA», «¿ESTÁIS AHÍ?»).
- 84–90 · CIERRE: se funde a negro, aparece el título final «NO ESTAMOS SOLOS… ¿O SÍ?» como cartel de película con halo, y el aviso de ficción especulativa.
## TRANSICIONES
Cortes con golpe (flash blanco breve y temblor de cámara) en los momentos de impacto y fundidos largos en los momentos de calma. El ritmo se acelera hasta el segundo 76 y luego se relaja.
## SONIDO (Web Audio, sin archivos, solo tras un clic o tecla)
- Un drone grave que crece de volumen a lo largo del vídeo.
- Un latido de graves y golpes de impacto (ruido filtrado + oscilador grave) sincronizados con los flashes.
- Pitidos de radio en «La señal», y un acorde final largo en el cierre.
## CALIDAD
- Fluido a 60 fps: pocas partículas con detalle y todo el azar con semilla fija, para que `render(t)` sea determinista.
- Antes de terminar, comprueba tú mismo cada escena con `?t=` en un tiempo dentro de ella y asegúrate de que no hay errores de JavaScript ni escenas vacías.
## 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.