bsnegi008/dez-estilos-de-video

10 Estilos de Vídeo

Receitas para fazer o MESMO assunto parecer 10 estilos artísticos genuinamente diferentes em um vídeo renderizado por código. Um estilo não é uma mudança de cor: cada um tem sua própria geometria, textura, movimento e fonte. Se um quadro da sua cena puder ser confundido com arte vetorial plana, o estilo ainda não está pronto.

Como usar

1. Pergunte (ou deduza) três coisas: o assunto (ex.: um auto-riquixá), o estilo (um dos 10 abaixo) e o formato (padrão 1080x1920, 30 fps).
2. Desenhe o assunto UMA VEZ como polígonos simples + círculos (listas de pontos, sem curvas). Cada estilo abaixo re-renderiza os mesmos dados de pontos, então o assunto permanece reconhecível em todos os estilos.
3. Construa a cena com a receita do estilo escolhido: fundo, tratamento do assunto, movimento, fonte.
4. Renderize 1 quadro por cena e OLHE para ele antes da renderização completa. Corrija, depois renderize.

Fórmula de prompt que o usuário pode digitar: [assunto] ka video banao, [ESTILO] style mein + humor + câmera + propósito.

Regras para cada estilo

• O assunto fica no centro 60% do quadro; mantenha o texto fora dos 220 px superiores e 380 px inferiores (a interface do Reels cobre essas áreas).
• O título usa uma fonte que pertence ao estilo (listada por estilo). Carregue fontes como arquivos locais; não dependa de padrões do sistema.
• O fundo deve se mover (estrada rolando, parallax, grade) para que o assunto pareça estar viajando mesmo quando permanece centralizado.
• Dê a todos os filtros SVG IDs únicos; vários estilos em uma tela compartilham um documento.
• Filtros SVG pesados quebram quando a cena é reduzida (miniaturas). Forneça um modo mini que os remova.

As 10 receitas

1. Pixel Art – "purane video game jaisa"

• Aparência: pixels quadrados grossos, contorno escuro duro, cores planas vibrantes.
• Como fazer: desenhe a cena normalmente, depois pixelize todo o grupo com um filtro SVG: feFlood (2x2 px no offset 5,5) -> feComposite (12x12) -> feTile -> feComposite in=SourceGraphic operator=in -> feMorphology dilate radius=5. Isso cria células de 12 px. Adicione um traço escuro de 8 px ao assunto primeiro.
• Movimento: tempo em passos de 10 fps (floor(frame/3)), posições ajustadas à grade de 12 px, oscilação de exatamente uma célula.
• Extras: sol e nuvens em blocos retangulares, grama xadrez, moedas flutuantes.
• Fonte: Press Start 2P, branca com sombra offset dura.

2. Clay – "haath se bana hua"

• Aparência: formas macias e fofas, luz do canto superior esquerdo, superfície fosca, sombras de contato.
• Como fazer: arredonde cada forma (traço da mesma cor de 14 px, junções redondas). Por parte, aplique um filtro: feTurbulence de baixa frequência + feDisplacementMap (escala 12, bordas onduladas) -> feGaussianBlur (7) como mapa de altura -> feDiffuseLighting multiplicado pela cor + um pouco de feSpecularLighting -> ruído fino para textura de impressão digital -> feDropShadow.
• Movimento: stop-motion. Atualize a cada 3 quadros, trepidação de posição de 1-3 px por passo, ciclo da semente de turbulência (3 valores) para que as bordas "fervam".
• Paleta: pêssego pastel, sálvia, mostarda. Fonte: Fredoka Bold.

3. Paper Cutout – "kaagaz ki layers"

• Aparência: folhas planas empilhadas com sombras entre elas, bordas cortadas ásperas, granulação.
• Como fazer: cada camada recebe feDisplacementMap (escala 5) + feDropShadow (dy 9, blur 5, 38%). Finalize com um retângulo de ruído em tela cheia no modo de mesclagem multiply.
• Movimento: 3-4 camadas de colinas rolando em velocidades diferentes (parallax), nuvens penduradas em fios finos balançando, o assunto balança 1-2 graus como um fantoche.
• Paleta: papel craft: azul-petróleo, mostarda, terracota, creme. Fonte: Alfa Slab One.

4. Low Poly – "kam shapes, clean 3D"

• Aparência: tudo feito de triângulos com sombreamento chapado, sem contornos, sem gradientes.
• Como fazer: triangule cada polígono como um leque a partir de um centro ligeiramente perturbado. Sombreie cada triângulo de forma diferente: um termo de direção da luz mais um pequeno deslocamento aleatório. Trace cada triângulo com seu próprio preenchimento para esconder costuras. Construa o céu como uma grade perturbada de triângulos coloridos por altura; montanhas = dois triângulos cada (lado iluminado, lado escuro).
• Movimento: suave; camadas de montanhas rolam com parallax, sol facetado gira.
• Fonte: Oxanium ExtraBold, maiúsculas.

5. Voxel – "chhote cubes ki duniya"

• Aparência: o assunto é construído a partir de pequenos cubos, visto de um ângulo isométrico.
• Como fazer: descreva o assunto como uma grade 3D de células coloridas (cerca de 14x7x9). Projete com sx=(x-y)*u*0.866, sy=(x+y)*u*0.5-z*u. Desenhe 3 faces por cubo (topo mais claro, esquerda média, direita mais escura), pule faces ocultas por um vizinho, ordene por x+y+z antes de desenhar.
• Movimento: o chão é um xadrez de ladrilhos em losango que rola ao longo do eixo da estrada; árvores em cubos passam rolando; o assunto dá um pequeno pulo.
• Fonte: Bungee com sombra de bloco duro.

6. Isometric – "upar se tirchha view"

• Aparência: um quarteirão limpo em miniatura sobre uma laje flutuante, caixas suaves (não cubos), cores pastel, sombra suave sob a laje.
• Como fazer: mesma projeção do Voxel, mas com caixas suaves grandes: edifícios com grades de janelas em ambas as faces visíveis, uma estrada, árvores, um quiosque, um poste de luz. O assunto tem 8-10 caixas e dirige pela estrada.
• Movimento: edifícios sobem do chão com ultrapassagem, escalonados; a laje inteira flutua para cima e para baixo lentamente.
• Fonte: Oxanium, texto escuro em fundo claro.

7. Neon – "raat wali cyberpunk vibe"

• Aparência: noite escura, contorno brilhante, chão de grade synthwave.
• Como fazer: assunto = apenas traços (4-5 px) com preenchimento definido como a cor do fundo para que as partes ainda se ocultem. Filtro de brilho = mescla de um blur largo (14), um blur estreito (4) e a fonte nítida. Chão = linhas irradiando de um ponto de fuga + linhas horizontais espaçadas por p*p que rolam em direção à câmera.
• Movimento: cintilação estilo letreiro nos primeiros 8 quadros, linhas de luz riscando, estrelas cintilantes, sol listrado no horizonte.
• Paleta: ciano, magenta, amarelo sobre roxo quase preto. Fonte: Tilt Neon com sombras de texto magenta empilhadas.

8. Blueprint – "engineer ka drawing"

• Aparência: folha azul, grade fina + grossa, desenho técnico de linhas brancas finas.
• Como fazer: assunto = traços brancos de 3 px, preenchimento = cor da folha. Desenhe linhas com pathLength=1 + strokeDasharray animado, escalonado por parte. Depois adicione linhas de cota com pontas de seta e valores em mm, linhas de centro traço-ponto nas rodas, linhas de chamada com rótulos e uma moldura de borda.
• Movimento: desenho primeiro (0,5 s), cotas se estendem a partir do centro, depois apenas as rodas giram lentamente. Nada quica.
• Fonte: Share Tech Mono, maiúsculas.

9. Retro VHS – "nabbe ke dashak ki tape"

• Aparência: vídeo caseiro dos anos 90: franjas de cor, imagem suave, linhas de varredura, ruído de fita.
• Como fazer: um filtro em toda a cena: deslocamento do canal vermelho +9 px, verde+azul deslocamento -7 px, mesclagem screen, blur horizontal (2.6, 0.6), saturação 1.25. Por cima: padrão de linhas de varredura, ruído por quadro, uma faixa de rastreamento que desce no quadro com seu conteúdo deslocado lateralmente, uma tira rasgada na borda inferior, vinheta, e "PLAY" + um contador em execução como texto na tela.
• Movimento: trepidação horizontal de 2 px com um salto maior ocasional.
• Paleta: roxo pôr-do-sol, rosa, laranja. Fonte: VT323 com sombras vermelha/ciano.

10. Doodle – "copy ke peeche wala sketch"

• Aparência: caneta esferográfica em uma página de caderno pautada com margem vermelha.
• Como fazer: apenas traços, preenchimento = cor do papel, padrões de hachura para sombreamento. Um feTurbulence + feDisplacementMap (escala 11) sobre todas as linhas da caneta, e mude a semente a cada 4 quadros para que as linhas "fervam".
• Movimento: linhas desenham rapidamente, sol em espiral gira em passos, estrelas oscilam, linhas de velocidade atrás do assunto, uma palavra manuscrita como "vrum!".
• Fonte: Caveat Bold.

Mostrando estilos lado a lado

Quando o vídeo compara estilos, mantenha UM elemento idêntico em todas as cenas (por exemplo, uma caixa de prompt onde apenas a palavra do estilo muda) e use cortes secos no ritmo da narração. É isso que torna visível "apenas uma palavra mudou".

Antes de entregar

• Cada cena passa no teste: "alguém nomearia este estilo sem o título?"
• O assunto tem a mesma forma e tamanho em todos os estilos.
• Título e legenda legíveis em um telefone, dentro da área segura.
• Quadros estáticos verificados para cada cena antes da renderização completa.