Generador de vídeo web con scroll

Generador de vídeo web con scroll a partir de un prompt

Un prompt construye una página donde la posición del scroll es el cabezal de reproducción: la cámara se sumerge en una escena, sale y aterriza en la siguiente, sin cortes.

Fontaine de noche: la terminal del aquabus, construida para esta página en el mundo de Genshin Impact. Haz scroll dentro del marco para atravesar tres escenas.

Fontaine de noche, construida para esta página en el mundo de Genshin Impact. Haz scroll dentro del marco: tres paradas, tres inmersiones, dos uniones, un vuelo continuo.

The Descent: Chasm City, puentes y torres sobre un abismo iluminado, con navegación por capítulos y texto de escena.

Scroll of Colossal Things: un buda tallado en el acantilado, hiedra sobre la oreja, texto de escena y filas de datos al lado.

Cronache di Feira e Airalia: Airalia, la ciudad del cielo, águilas sobre puentes de nubes, texto en italiano a la izquierda.

Fontaine de noche: la galería comercial, título de escena y navegación por capítulos sobre el vídeo generado.

Con la skill Scroll World: la misma que construyó cada fotograma de abajo.

The Descent: la puerta abandonada. Un corredor de piedra iluminado se pierde en la oscuridad, con navegación, 01 / 05, el título y una línea de texto. — **La puerta abandonada** — Escena 1 de 5: navegación, título y una línea de texto puestos como HTML sobre el vídeo. Ese texto sigue siendo editable tras la generación.

The Descent: descenso de cristal. Un puente en espiral de piedra cruza un abismo azul, con una cascada detrás. — **Descenso de cristal** — En plena inmersión por la espiral. La cámara se mueve, no está posada en una imagen fija: la barandilla pasa volando y el texto se queda.

The Descent: santuario del dragón. Un dragón se enrosca sobre oro y huevos en una cámara inundada, con un botón para bajar otra vez. — **Santuario del dragón** — El vuelo termina en el guardián y un botón para bajar otra vez. La longitud del scroll la fija la página, no la duración de un clip.

Scroll of Colossal Things: una ballena del tamaño de una montaña bajo una barca pequeña, estilo tinta, con texto chino y filas de datos. — **La ballena** — Cinco capítulos a la tinta. Una imagen generada por escena y luego el trabajo de cámara; las filas de datos y los capítulos son HTML.

Scroll of Colossal Things: el rostro de un anciano formado por una cresta, niebla y pinos debajo. — **La montaña dormida** — La escena 2 conserva el papel, el pincel y la tipografía de la escena 1, porque cada imagen deriva de una sola referencia maestra.

Scroll of Colossal Things: una pagoda alta entre la niebla, la cola de un dragón y un buda de piedra al lado. — **La torre** — Un sujeto vertical en un marco 16:9: la composición se elige para la página, así que nada queda con bandas en un portátil.

Cronache di Feira e Airalia: una ciudad de cristal azul dentro de una caverna, título italiano Feira · la Città di Cristallo. — **Feira, ciudad de cristal** — Una versión en italiano: títulos, cuerpo y navegación en italiano. La página se escribe en el idioma que pides.

Cronache di Feira e Airalia: un valle al amanecer, lago y bosque, título italiano Il Mondo Esterno encima. — **El mundo exterior** — La escena 3 sale de los túneles a la luz con una unión generada: la cámara sale a la luz en vez de cortar a negro.

Fontaine de noche: la terminal del aquabus, título de escena y navegación sobre el vídeo generado, hecha para esta página. — **La terminal del aquabus** — Hecha para esta página en el mundo de Genshin Impact: tres escenas, tres inmersiones, dos uniones, publicadas como una página con scroll.

LIVE PROOF

See the work live.

Open the work and use it here.

Una página que scrubea vídeo, no un carrete que se reproduce.

Studio genera las escenas, las inmersiones y las uniones, escribe el texto superpuesto y publica la página. Lo que sale es un sitio estático: los archivos de vídeo, un HTML y un pequeño motor de scrub. Sin framework, sin timeline, sin paso de exportación: abre la URL y haz scroll.

El scroll es el cabezal — Cada posición del scroll corresponde a un fotograma. El visitante marca el ritmo, y si se detiene a medias, la cámara se queda ahí.
Una luz, tres escenas — Una imagen maestra fija la paleta y la luz; cada escena deriva de ella, así que el puerto de la escena 1 es el mismo en la escena 3.
Texto que puedes editar — Títulos, antetítulos, filas de datos y etiquetas de navegación son HTML en la página publicada. Cambia las palabras sin volver a renderizar un clip.

Lo que se pregunta antes de construir uno.

¿Qué es un generador de vídeo web con scroll?

Construye una página donde la posición del scroll fija la reproducción de un vuelo de cámara prerrenderizado. Haces scroll, la cámara avanza por escenas generadas: no hay botón de play ni timeline que montar.

¿Es un vídeo de mi web haciendo scroll?

No. Para grabar una página existente en movimiento hace falta una herramienta de captura. Aquí se construye la página misma, con el vídeo dentro, y el scroll mueve el vídeo.

¿Necesito GSAP, After Effects o un editor de vídeo?

No. La generación escribe HTML, CSS y un pequeño motor de scroll en JavaScript; los clips se generan. El resultado vive en cualquier hosting estático.

¿Cuántas escenas puedo tener?

Tres por defecto, unos 25 MB de vídeo. Cada escena extra suma una inmersión y una unión, unos 9 MB más. The Descent, en esta página, tiene cinco.

¿Cuánto tarda una generación?

Primero las imágenes, al final los clips. Un vuelo de tres escenas suele salir en una o dos horas, según la cola de vídeo: el de Fontaine aquí tardó unos 80 minutos.

¿Funciona en el móvil?

Sí. El scroll táctil mueve el mismo motor, y las pantallas pequeñas pueden cargar una codificación más ligera para que la primera escena empiece antes.

¿Las uniones son de verdad invisibles?

Cada unión arranca en el último fotograma real de la inmersión anterior y termina en el primer fotograma real de la siguiente. Algunas generaciones añaden un fundido corto como seguro; pide uniones idénticas fotograma a fotograma si necesitas un corte limpio.

¿Puedo usar mi IP, mis imágenes o mi texto?

Sí. Construye dentro de un mundo existente para heredar su reparto y su arquitectura, o pásale una imagen de referencia. Los títulos, el cuerpo y las etiquetas siguen siendo HTML editable.

Dale tres paradas a un lugar.

El botón carga un mercado nocturno en el puerto: puestos de pescado, callejón de faroles, santuario en la azotea. Cambia el lugar y las paradas en la caja; la página vuelve lista para recorrer.

Crear un mercado nocturno