Pular para o conteúdo

A cor entra pela superfície

Tudo começa no alto, antes de qualquer coisa se misturar.

E desce

Sem pressa, do jeito que a água deixa.

Abrindo no caminho

O que era um fio vira volume.

Até assentar

É aqui que a página descansa, e o site de verdade começa.

carregando 0%

A cor entra, desce e assenta

Este é o mesmo hero, composto como imagem. A jornada de scroll roda em telas maiores.

o que isto é

Um teste do pipeline inteiro, do prompt ao domínio

O vídeo que você acabou de rolar não foi filmado. Saiu de um quadro gerado no Muse e de cinco segundos gerados no Wan 2.5, custou vinte e seis centavos de dólar, e está sendo servido pela Cloudflare Pages.

01

O quadro

Muse, 16:9, com espaço negativo desenhado para o texto morar. US$ 0,01.

02

O movimento

Wan 2.5, imagem-para-vídeo, cinco segundos, com o final escrito no prompt. US$ 0,25.

03

O encode

ffmpeg com keyframe a cada oito quadros, para toda posição de scroll buscar limpo.

04

A página

HTML e JavaScript sem framework, sem build, uma pasta só.

os números

O que custou

US$ 0,26geração inteira
100sespera do vídeo
6,2 MBvídeo no ar
16keyframes em 121 quadros

o quadro final

O final foi planejado antes de gerar

A quarta lei da skill manda escrever o quadro de repouso dentro do prompt. Sem isso o vídeo para no meio de um movimento e a página parece quebrada exatamente onde deveria assentar.

Ver de novo
Quadro final do vídeo: a tinta âmbar assentada numa poça luminosa no centro inferior.