Selecionador de Efeitos de Movimento

Seletor de Efeitos de Movimento

Fonte: tools/repos/awesome-ai-motion (MIT; GSAP incluso sob sua licença gratuita, consulte ATTRIBUTIONS.md). 637 cartões de efeitos, 128 deles com um clipe renderizado e template HTML, 11 receitas, tabelas de decisão. Nunca leia o índice inteiro; consulte.

Passos

1. Declare a intenção da cena e o meio em uma frase ("a pergunta que abre o vídeo, shorts").
2. Consulte:

python -S studio.py motion find reveal --purpose attention --medium shorts --rendered --limit 8
python -S studio.py motion show mask-reveal
python -S studio.py motion recipe            # lista receitas
python -S studio.py motion recipe edu-hook   # passos com tempo e parâmetros

Propósitos: attention, explanation, comparison, sequence, emphasis, transition, data, feedback, atmosphere, branding. Mídias: explainer, shorts, scrolldeck, presentation, product-demo, data-story, web-ui. Também --family, --level. 3. Escolha 2 ou 3 candidatos, leia use_when, avoid, params, ease, pairs_with de cada cartão. Use os padrões do cartão primeiro, depois ajuste. 4. Componha com as regras compartilhadas: um foco por cena, uma ação principal mais uma ou duas de suporte, o estado final mantido tempo suficiente para leitura, apenas transform e opacity. 5. Implemente como uma função pura do tempo. O snippet do cartão é GSAP; traduza-o, não o importe:

• segundos para progresso: p = clamp((t - start) / duration); stagger = start + i * gap
• easing de templates/motion-helpers.js (easeOut, easeIn, easeInOut, backOut, elasticOut, spring): power3.out é easeOut(3)
• yPercent: 110 -> 0 é translateY(110% -> 0%) na linha dentro de uma janela overflow: hidden

6. Construa com motion-ui-polish (tokens e gate), visualize os quadros no início, ação principal e estado final, compare com good_example do cartão.

Quando um template existe

Se show imprimir html_template, abra-o para ver estrutura e temporização, copie-o para o source/ do trabalho e substitua texto ou dados. Mantenha a linha do tempo. Não execute o render.mjs do catálogo sem instalar sua dependência Playwright; nosso pipeline renderiza através de vstudio ou do renderizador HTML.

Primeiros cinco segundos (vídeos educacionais e explicadores)

0 a 1 s uma pergunta ou resultado surpreendente; 1 a 3 s uma pista do mecanismo ou comparação; 3 a 5 s a promessa de aprendizado com uma pausa legível. Uma afirmação por tela. Movimentos grande de câmera apenas para revelar a pergunta ou o resultado. Comece de motion recipe edu-hook, depois mask-reveal, split-compare, count-up, annotation-callout.

Limites

• Os nomes dos parâmetros dos cartões são parcialmente em coreano; valores, intervalos, ease e snippet são neutros em idioma. Descrições e prompts retornam em inglês.
• Um cartão planned não tem clipe ou template; use apenas seus parâmetros e prompt.
• Efeitos usados em excesso parecem genéricos. Não repita um efeito em mais de um elemento por cena e não empilhe três efeitos no mesmo momento.