Selector de Efectos de Movimiento

¿Qué hace Selector de Efectos de Movimiento?

Fuente: tools/repos/awesome-ai-motion (MIT; GSAP bajo su licencia gratuita, ver su ATTRIBUTIONS.md). 637 tarjetas de efecto, 128 de ellas con un clip renderizado y plantilla HTML, 11 recetas, tablas de decisión. Nunca leas el índice completo; consúltalo.

Pasos

1. Enuncia la intención de la escena y el medio en una frase ("la pregunta que abre el vídeo, cortos").
2. Consulta:

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 de recetas
python -S studio.py motion recipe edu-hook   # pasos con tiempo y parámetros

Propósitos: attention, explanation, comparison, sequence, emphasis, transition, data, feedback, atmosphere, branding. Medios: explainer, shorts, scrolldeck, presentation, product-demo, data-story, web-ui. También --family, --level. 3. Elige 2 o 3 candidatos, lee en cada tarjeta use_when, avoid, params, ease, pairs_with. Toma primero los valores por defecto de la tarjeta, luego ajusta. 4. Compón con las reglas compartidas: un foco por escena, una acción principal más una o dos de apoyo, el estado final mantenido el tiempo suficiente para leer, solo transform y opacity. 5. Implementa como una función pura del tiempo. El snippet de la tarjeta es GSAP; tradúcelo, no lo importes:

• segundos a progreso: p = clamp((t - start) / duration); escalonamiento = start + i * gap
• easing desde templates/motion-helpers.js (easeOut, easeIn, easeInOut, backOut, elasticOut, spring): power3.out es easeOut(3)
• yPercent: 110 -> 0 es translateY(110% -> 0%) en la línea dentro de una ventana overflow: hidden

6. Construye con motion-ui-polish (tokens y puerta), visualiza los fotogramas al inicio, en la acción principal y en el estado final, y compara con el good_example de la tarjeta.

Cuando existe una plantilla

Si show imprime html_template, ábrela para ver la estructura y el tiempo, cópiala en el source/ del trabajo, y reemplaza texto o datos. Mantén la línea de tiempo. No ejecutes el render.mjs del catálogo sin instalar su dependencia Playwright; nuestro pipeline renderiza a través de vstudio o el renderizador HTML.

Primeros cinco segundos (vídeos educativos y explicativos)

0 a 1 s una pregunta o un resultado sorprendente; 1 a 3 s una pista sobre el mecanismo o una comparación; 3 a 5 s la promesa de aprendizaje con una pausa legible. Una afirmación por pantalla. Movimientos grandes de cámara solo para revelar la pregunta o el resultado. Empieza desde motion recipe edu-hook, luego mask-reveal, split-compare, count-up, annotation-callout.

Límites

• Los nombres de los parámetros de las tarjetas están parcialmente en coreano; los valores, rangos, ease y snippet son neutrales en cuanto al idioma. Las descripciones y los prompts vuelven en inglés.
• Una tarjeta planned no tiene clip ni plantilla; usa solo sus parámetros y prompt.
• Los efectos demasiado usados parecen generados. No repitas un efecto en más de un elemento por escena y no apiles tres efectos en el mismo momento.