kelvinmacaco/short-animation

Animación de las escenas

Apoyo: las skills hyperframes (contrato de render, líneas de tiempo, reglas de clip), hyperframes-registry (busca un bloque listo antes de dibujar a mano, ej.: glitch, CRT, gráficos) y graphify, para encontrar una pieza en la lib (graphify explain "pavio_scene").

Parte de template/build/generate.py, que ya tiene una escena de ejemplo para cada parte del guion.

Pieza correcta para cada fragmento

Fragmento	Pieza	Observación
Cuadro 0 / gancho	hook_html + shake + drift	El mismo título vuelve en el loop
Frase hablada	kline + words_js; slam en la palabra clave	Una línea por fragmento de 2–4 palabras
Misterio	Luces que se encienden, slam en "PEOR"/"FECHA"	Calendario que gira ("20??")
Números	counter(...) + escala de impacto + shake	Formato es-ES (toLocaleString)
Lugar o destino	Anillos ping pulsando	Con una fecha o fuente en mono
Conflicto	Flechas que chocan + flash hit	Lado A × lado B
Lados o países	Banderas SVG + líneas que se dibujan (pathLength="1") + puntos viajando con etiquetas	Sin escudos
Progreso de la lista	pavio_scene, una mecha que arde con cada ítem y explota en el clímax	En lugar de "1/3"; step_badge solo en último caso
Daño, escala	Pantalla que se llena de puntos (clip-path) + contador gigante	Fuente del dato en mono
Ventana de TV	tvv + enter_tv	Para clips tumbados
Final pesado	Pregunta suave, corazón que se llena despacio, follow_card oscuro, fundido a negro	Sin pop, destello, flash ni corte
Final ligero	like_block + plane_svg + follow_card	Puede tener pop y brillo
Loop	Clip invertido del gancho terminando en el cuadro 0 + el mismo título	Desde negro (pesado) o con osd_rewind (ligero)

Reglas

• Algo cambia cada 1,5–2,5 s y cada escena tiene una interacción.
• Tiempos: locales dentro de scene() y globales en SCENES, cortes, efectos y leyendas.
• Área segura: texto en x 90–900 e y 170–1330. Línea larga: reduce la fuente (Archivo Black ocupa ~0,75 em por letra).
• Marca @: la lib la coloca debajo de la leyenda (WM_TOP); no dibujes otra.
• Reglas de clip:
  • no animar visibility/opacity del propio clip;
  • usar immediateRender:false en fromTo posteriores;
  • repeat con yoyo para efectos continuos (chispa, pulso);
  • nada aleatorio (el grano usa semilla).
• Tono: en video pesado, un pulso rojo de máximo 0,32 de opacidad; en un video ligero, colores más vivos.