Recursión explicada en nueve estilos de cine
Mira una demostración de 60 segundos sobre recursión en nueve estilos, del cine negro al arte de píxeles. El prompt y los textos del vídeo están en inglés.
Prompt
Lo que necesitas
- Node.js y npm
- Playwright con Chromium
- ffmpeg
- Una carpeta local para HTML, audio y vídeo
Sobre el prompt
Configuración local recomendada: Claude Code con Claude Opus 5.5 y esfuerzo Máximo. Recomendamos estos ajustes para ejecutar el prompt con herramientas locales.
Una película que se llama a sí misma
La demostración dura un minuto. La cámara entra en un objeto de cada escena y encuentra dentro la siguiente explicación, más pequeña. La película sigue la idea de explain(n): reducir el problema, llegar al caso base cuando n = 0 y regresar por las llamadas en orden inverso.
Nueve explicaciones visuales
- Cine negro: una función que se llama a sí misma.
- Documental de naturaleza: la misma estructura en partes cada vez más pequeñas.
- Videojuego de píxeles: un caso base que devuelve una respuesta y detiene las nuevas llamadas.
- Terror en VHS: qué ocurre si falta una condición de parada.
- Anuncio de teletienda: la pila de llamadas organiza las funciones que esperan una respuesta.
- Cómic: las respuestas regresan y cada llamada completa su parte.
- Pintura con tinta: una llamada puede dividirse en dos.
- Tráiler de cine: confiar en que la llamada más pequeña resuelva su parte.
- Editor de código: se alcanza el caso base antes de regresar por las escenas.
Del HTML al archivo de vídeo
El planteamiento utiliza un único archivo HTML de 1920 × 1080 con window.seek(t), para calcular cada fotograma a partir del tiempo. Web Audio crea música y efectos de sonido. Playwright genera los fotogramas y ffmpeg une el vídeo y el audio. El objetivo son 60 fotogramas por segundo, con tres subfotogramas por fotograma para el desenfoque de movimiento.
Idioma y expectativas
El prompt y los textos del vídeo están en inglés. La demostración muestra un resultado visual posible; no garantiza una reproducción idéntica. El modelo, las fuentes disponibles, las herramientas y las revisiones pueden cambiar el resultado. Comprueba el contenido, la legibilidad y el audio antes de compartir tu versión.
Cómo usar el prompt
Así obtienes el mismo tipo de resultado que en la demo.
- 1
Mira la demostración
Mira el vídeo completo y observa la entrada en cada escena, la condición de parada y el recorrido de vuelta. Pausa cuando necesites más tiempo para leer una explicación. Los textos del vídeo están en inglés.
- 2
Prepara una carpeta de trabajo
Comprueba que estén instalados Node.js con npm, Playwright con Chromium y ffmpeg. Usa una carpeta independiente con espacio para HTML, WAV, fotogramas intermedios y el vídeo final. El renderizado puede requerir bastante tiempo y espacio en disco.
- 3
Copia el prompt completo
Conserva la estructura, los requisitos y las instrucciones numeradas. Usa la configuración documentada en esta página cuando esté disponible. Pegar el texto no instala las herramientas ni inicia por sí solo un renderizado local.
- 4
Revisa las escenas y los fotogramas
Revisa el plan de los nueve estilos. Comprueba un fotograma por cada pulso musical antes de renderizar toda la película. Pide que se corrijan los textos que se solapan, se leen mal o desaparecen demasiado rápido.
- 5
Renderiza el vídeo y la música
Comprueba que window.seek(t) funcione en el HTML. Exporta la música a WAV, genera 60 fotogramas por segundo y une el vídeo y el audio con ffmpeg. Usa los tres subfotogramas por fotograma del prompt si la configuración de renderizado lo permite.
- 6
Prueba y ajusta el resultado
Reproduce toda la exportación y comprueba duración, legibilidad y sincronización del audio. Crea un extracto de 10 segundos sin sonido para la vista previa. El resultado puede variar: pide mejoras concretas en lugar de esperar una copia idéntica.