Gráficos en Movimiento Impresionantes
Una biblioteca de recetas de efectos recopiladas de muchas fuentes. Cada receta en effects/ es una especificación: cómo se ve, qué necesita, qué completa el usuario y la disposición y el tiempo exactos.
Flujo de trabajo
- ¿No se ha dado un nombre? Lista cada archivo en
effects/con susummaryde una línea del frontmatter, agrupado portags. Detente. - ¿Primera ejecución en un proyecto? Haz
setup/house-style.md, luegosetup/mask-and-head-track.mdsi lasneedsdel efecto incluyenmaskohead-track. Omite lo que ya existe (HOUSE_STYLE.md,public/mask/,public/head-track.json). - Lee el archivo
effects/<nombre>.mdcorrespondiente. Completa cada[INPUT]con las palabras del usuario. Pregunta por cualquier cosa que aún falte, especialmente números reales. Nunca inventes estadísticas, conteos de vistas o logotipos. Si el tiempo se indica como "en la palabra X", transcribe el clip con marcas de tiempo de palabras y úsalas. - Constrúyelo como su propia composición nombrada según el efecto, siguiendo HOUSE_STYLE.md.
- Renderiza a
out/<nombre>.mp4, informa la ruta y muestra 4 fotogramas fijos (inicio, dos intermedios, final).
extras/ contiene recetas que no son efectos: una introducción/cierre estilo chat (chat-render.md) y el ensamblaje de varias ediciones en un solo reel (full-reel.md).
Valores predeterminados para cada receta
- 1080×1920, 30 fps, clip fuente en
public/talking.mp4(copia, nunca edites el original). - Área segura para cualquier cosa legible: x 120–960, y 260–1700. Nunca cubras la cara.
- "Luz lineal" significa: convertir a lineal, hacer el desenfoque/tinte/luz, convertir de vuelta a sRGB.
- "Todavía moviéndose en el último fotograma" significa que el avance de la cámara nunca se detiene por completo.
Cuando algo se ve mal
| Síntoma | Solución |
|---|---|
| Parpadeo en el recorte / halo en el cabello | Suaviza la máscara más en el tiempo; erosiona 1 px antes del difuminado |
| Demasiado rápido | Alarga a 4 s y escala cada movimiento para que coincida |
| Texto difícil de leer en el teléfono | +20 % en todo el texto, verifica en tamaño de teléfono |
| El gráfico toca la cara | Muévelo hacia abajo, fuera del área de la cara |
| El movimiento se siente robótico | Vuelve a aplicar suavizado + desenfoque de movimiento desde HOUSE_STYLE.md |
| Máquina lenta | Renderiza primero una vista previa a media resolución, calidad completa una vez aprobado |
Cómo agregar una receta
Nuevo archivo en effects/ con este frontmatter, el cuerpo con la misma forma que los demás (Inputs, Build, Timing):
name: nombre-kebab
summary: una línea de lo que ve el espectador
source: source-id del README
needs: [mask, head-track, behind-me, reels, music] # cualquier subconjunto
duration: 3s
tags: [3d, glass, text, camera, data, layout]