Cómo elegir tasas de fotogramas para animaciones de sprites
"¿Cuántos fps debe tener mi animación?" suele preguntarse como si tuviera una sola respuesta. Tiene dos respuestas distintas: cuántos fotogramas únicos tiene una acción y a qué velocidad se reproducen. Confundirlas explica por qué algunas animaciones parecen lentas aunque les sobren fotogramas, o entrecortadas aunque se reproduzcan rápido.
El número de fotogramas y la velocidad de reproducción son decisiones distintas
Un ciclo de caminata de 4 fotogramas reproducido a 8 fotogramas por segundo dura medio segundo por ciclo. Uno de 8 fotogramas a 8 fps dura un segundo completo, el doble, con la misma velocidad de reproducción. El número de fotogramas determina el detalle de movimiento dentro del bucle; la velocidad de reproducción determina con qué rapidez se repite. Puedes tener un ciclo detallado de 12 fotogramas que se reproduce demasiado despacio para parecer una caminata, o uno rudimentario de 2 fotogramas que se reproduce con la cadencia exacta y comunica claramente la acción, porque la percepción humana del movimiento depende más del ritmo que del detalle.
Los dos controles se compensan con un presupuesto artístico fijo. Si solo puedes dibujar 4 fotogramas de ataque, no estás condenado: ajusta velocidad y pausas hasta que esos 4 se entiendan, en vez de suponer que faltan dibujos para resolver un problema de ritmo.
Cómo se perciben realmente 8, 12 y 24 fps
Estas cifras describen la frecuencia con la que cambia el fotograma mostrado, independientemente del renderizado del juego.
- 8 fps — un fotograma nuevo aproximadamente cada 125ms. Movimiento claramente escalonado: cada pose dura lo suficiente para percibirse antes de la siguiente. Se siente deliberado, pesado o retro, no suave.
- 12 fps — un fotograma nuevo cada 83ms aproximadamente. Es la animación tradicional «a doses», con dibujo nuevo cada dos fotogramas de película a 24fps. Suficientemente fluida para muchas acciones y aún económica.
- 24 fps — un fotograma nuevo cada 42ms aproximadamente, como el cine. Movimiento completamente suave sin saltos perceptibles. Requiere alrededor del doble de dibujos que 12fps para igual duración, o los mismos en la mitad de tiempo.
Ninguna de estas opciones es objetivamente correcta. La adecuada depende de lo que animas y de la sensación que buscas; por eso la siguiente sección distingue por acción en lugar de dar una cifra para todo el juego.
Por qué los juegos retro usaban pocos fps y ahora es una elección de estilo
Las consolas y los primeros PC que animaban a 6–10 fps no hacían ante todo una elección artística: trabajaban con un límite estricto de memoria. Cada fotograma adicional era más información de sprites que debía caber en la ROM del cartucho o en la RAM del sistema, ambas medidas en kilobytes. Un estudio que animara a un personaje a 24 fps en lugar de 8 fps necesitaba aproximadamente tres veces más presupuesto de fotogramas para cada acción del juego, multiplicado por todos los personajes, y normalmente ese presupuesto no existía. El número reducido de fotogramas era una consecuencia directa de esa limitación, y los animadores aprendieron a elegir muy bien los fotogramas más importantes.
Esa limitación casi ha desaparecido: almacenamiento y memoria ya no determinan los fotogramas de un juego 2D. Elegir 8fps es una decisión estilística para evocar la época o porque el movimiento a saltos encaja con el arte. Distingue «pocos FPS por estilo retro» de «por falta de presupuesto»: dan la misma salida por razones distintas, y solo una limitación puede ignorarse libremente.
Tasas recomendadas por acción
| Acción | Número habitual de fotogramas | Reproducción habitual | Por qué |
|---|---|---|---|
| Reposo | 2–4 | 4–8 fps | El movimiento sutil —respirar, parpadear— no necesita velocidad para percibirse |
| Caminar | 6–8 | 10–14 fps | Necesita un ritmo claro; demasiado lento parece torpe o ebrio |
| Correr | 6–10 | 14–20 fps | Una cadencia más rápida transmite velocidad incluso con el mismo número de fotogramas que una caminata |
| Ataque | 3–6 | Irregular, con más tiempo de anticipación/impacto | El impacto debe concentrarse en un fotograma, no difuminarse entre varios |
| Transiciones de reposo a alerta | 2–3 | 8–12 fps | Un cambio de estado rápido y legible importa más que la suavidad |
Son puntos de partida, no reglas. La prueba real es ver el bucle a escala y velocidad del juego: lo correcto en una vista grande puede verse distinto con un sprite de 48 píxeles en pantalla móvil.
Fotogramas mantenidos y temporización
No todos los fotogramas deben durar lo mismo. Una pose sostenida permanece más que las demás: la preparación de un puñetazo, la cima de un salto o el instante anterior al impacto de una espada. Mantenerla algo más permite percibir la anticipación antes del tramo rápido. Es una forma de suavizar el movimiento: rara vez es lineal, y su ritmo tampoco debería serlo.
En la práctica, esto significa que una animación de ataque no es realmente N fotogramas a fps constantes: es un fotograma de preparación mantenido 150 ms, dos transiciones rápidas de 40 ms cada una, un impacto mantenido 100 ms y una recuperación mantenida 200 ms. La mayoría de los sistemas permite establecer la duración por fotograma en lugar de una tasa global precisamente por esto. Si tu herramienta solo admite una tasa fija, puedes simular una pausa duplicando el fotograma que quieres mantener para que ocupe dos o tres intervalos en vez de uno.
Los fps de la animación no son los fps del juego
Un juego puede renderizarse a 60 o 120 fps mientras una animación de sprites se reproduce a 12 fps: son cifras independientes. El bucle de renderizado dibuja cada fotograma de todas formas; el sistema de animación decide con qué frecuencia avanzar al siguiente fotograma del sprite dentro de ese bucle. Normalmente lo hace siguiendo el tiempo transcurrido y cambiando de fotograma al superar un umbral, en lugar de vincular el avance al ciclo de renderizado. Confundir ambos es un error habitual de quienes empiezan con animaciones de sprites y vienen de un entorno donde la tasa de fotogramas significaba una sola cosa.
Esa separación permite cámara y respuesta suaves a 60fps con personajes deliberadamente entrecortados a 8fps. Cambiar la tasa objetivo del juego nunca debería exigir retocar tiempos de sprites; si sucede, el sistema está acoplando incorrectamente ambas cosas.
Dónde se configura en los motores habituales
- Unity — el muestreo de Animation fija FPS de todo el clip; puedes espaciar fotogramas clave de forma desigual para pausas dentro de esa frecuencia.
- Godot — AnimatedSprite2D y SpriteFrames permiten configurar fps por animación y, por separado, un multiplicador de duración para mantener fotogramas concretos.
- Personalizado/independiente del motor — la mayoría de animadores personalizados compara tiempo acumulado con duraciones por fotograma en vez de FPS constantes; es lo más flexible al escribir tu sistema.
Preguntas frecuentes
Mi caminata tiene muchos fotogramas, pero parece rígida. ¿Por qué?
Suele ser el ritmo, no la cantidad. Comprueba si todos duran igual: la caminata real distribuye el peso de forma desigual y el ritmo uniforme lo aplana. Mantén algo más los fotogramas de contacto que los de paso.
¿Hay un número mínimo de fotogramas para que una animación se interprete correctamente?
No hay un mínimo fijo: un parpadeo en reposo de 2 fotogramas o un destello de ataque de 2 fotogramas pueden entenderse perfectamente con el ritmo adecuado. Lo importante es que el cambio de pose comunique la acción, no cuántos pasos intermedios haya.
¿Todas mis animaciones deben usar los mismos fps para ser coherentes?
No necesariamente. Un estilo coherente se beneficia de un número de fotogramas o lenguaje de siluetas constante, pero las acciones pueden tener velocidades distintas: imponer los FPS de reposo a una carrera suele estropear una de las dos.
¿Cómo animo contenido dividido de una hoja de sprites generada con fotogramas de tamaños irregulares?
Añade relleno para que todos los fotogramas tengan el mismo lienzo y un pivote coherente antes de conectar la animación. Los límites desiguales causarán vibración o desplazamiento aunque el ritmo sea perfecto. Corrige primero la posición y luego los FPS.
Obtén fotogramas limpios y coherentes para animar
El ritmo solo funciona si primero recortas y posicionas coherentemente. División mágica detecta contenido por alfa y añade relleno para igualar fotogramas, evitando que el arte irregular estropee la animación. Todo se ejecuta en el navegador.
Abrir Divisor de hojas de sprites