Gerador de vídeo de site com rolagem a partir de um prompt
Um prompt monta uma página em que a posição da rolagem é o cabeçote de reprodução: a câmera mergulha numa cena, sai e pousa na seguinte, sem corte.
Fontaine à noite, feita para esta página no mundo de Genshin Impact. Role dentro do quadro: três paradas, três mergulhos, duas emendas, um voo contínuo.
Com a skill Scroll World: a mesma que construiu cada quadro abaixo.
The Descent
The Descent
The Descent
Scroll of Colossal Things
Scroll of Colossal Things
Scroll of Colossal Things
Cronache di Feira e Airalia
Cronache di Feira e Airalia
Genshin Impact · FontaineSee the work live.
Open the work and use it here.
Uma página que scruba vídeo, não um filme que dá play.
O Studio gera as cenas, os mergulhos e as emendas, escreve o texto sobreposto e publica a página. O que sai é um site estático: os arquivos de vídeo, um HTML e um pequeno motor de scrub. Sem framework, sem timeline, sem etapa de exportação: abra a URL e role.
- Rolar é o cabeçote — Cada posição da rolagem corresponde a um quadro. O visitante dita o ritmo, e parar no meio mantém a câmera exatamente ali.
- Uma luz, três cenas — Uma imagem mestre fixa paleta e luz; cada cena deriva dela, então o porto da cena 1 é o mesmo na cena 3.
- Texto que você edita — Títulos, antetítulos, linhas de dados e rótulos de navegação são HTML na página publicada. Mude as palavras sem renderizar um clipe de novo.
O que as pessoas perguntam antes de construir.
O que é um gerador de vídeo de site com rolagem?
Ele monta uma página em que a posição da rolagem define a reprodução de um voo de câmera pré-renderizado. Você rola, a câmera atravessa cenas geradas: não há botão de play nem timeline para editar.
É um vídeo do meu site rolando?
Não. Para gravar uma página existente em movimento, use uma ferramenta de captura. Aqui a página em si é construída, com o vídeo dentro, e a rolagem move o vídeo.
Preciso de GSAP, After Effects ou editor de vídeo?
Não. A geração escreve HTML, CSS e um pequeno motor de scroll em JavaScript; os clipes são gerados. O resultado fica em qualquer hospedagem estática.
Quantas cenas posso ter?
Três por padrão, cerca de 25 MB de vídeo. Cada cena extra soma um mergulho e uma emenda, uns 9 MB a mais. The Descent, nesta página, tem cinco.
Quanto tempo leva uma geração?
As imagens vêm primeiro, os clipes por último. Um voo de três cenas costuma sair em uma a duas horas, dependendo da fila de vídeo: o de Fontaine aqui levou cerca de 80 minutos.
Funciona no celular?
Sim. A rolagem por toque move o mesmo motor, e telas pequenas podem carregar uma codificação mais leve para a primeira cena começar antes.
As emendas são mesmo invisíveis?
Cada emenda começa no último quadro real do mergulho anterior e termina no primeiro quadro real do seguinte. Algumas gerações põem um dissolve curto como seguro; peça junções idênticas quadro a quadro se precisar de corte seco.
Posso usar minha IP, minhas imagens ou meu texto?
Sim. Construa dentro de um mundo existente para herdar elenco e arquitetura, ou entregue uma imagem de referência. Títulos, corpo e rótulos continuam HTML editável.
Dê três paradas a um lugar.
O botão carrega um mercado noturno no porto: barracas de peixe, viela de lanternas, santuário no telhado. Troque o lugar e as paradas na caixa; a página volta pronta para rolar.