search

Found

info Aperçu

Convertissez vos sprites entre FPS, images et ms par frame. Mode par cellule ou FPS cible, aperçu flip-book en direct.

📘 Mode d'emploi

  1. Sélectionner le mode de calcul (manuel ou cible) et définir le FPS de base du moteur de jeu.
  2. Saisir la valeur de chaque frame manuellement ou indiquer le FPS cible avec le nombre de cellules de l'animation.
  3. Contrôler le rendu via le lecteur visuel intégré et lire les valeurs calculées en frames et en millisecondes.

Calculateur FPS pour animation pixel

list Durée par image (frames)

Tips: Saisissez le nombre de frames de jeu pendant lequel chaque sprite doit être affiché. Par exemple, à 60 FPS, "4F" correspond à environ 66,7 ms.

query_stats Statistiques

analytics
Durée totale
ms
Total des frames
Cellules

play_circle Aperçu

LECTURE
Frame
1
/

Les images s'enchaînent ci-dessus selon la durée (ms) saisie, tel un folioscope (flip-book). Utilisez-le pour vérifier le rendu de la boucle et la vitesse perçue de vos assets en pixel art.

grid_view Similaires

Article

Calculateur de FPS et de Timing pour Animation Pixel Art ｜ Optimisation de Sprites 2D

Cet outil permet aux développeurs de jeux vidéo et aux animateurs techniques de calculer avec précision la durée de chaque frame d'une animation en fonction du framerate global (Base FPS) d'un moteur de jeu. Il facilite la conversion des frames de sprite en millisecondes pour une intégration parfaite dans vos projets interactifs.

💡 Aperçu de l'outil

  • Calcul bidirectionnel des timings Basculez entre le mode manuel (définition de la durée de chaque cellule en frames) et le mode cible (calcul automatique basé sur un FPS souhaité et un nombre de cellules).
  • Synchronisation avec les moteurs de jeu Prend en charge les fréquences de rafraîchissement standards (30, 60, 120 FPS) utilisées dans Unity, Godot, Unreal Engine ou GameMaker, garantissant une cohérence entre le tick du jeu et l'animation.
  • Visualiseur de sprite en temps réel Contrôlez la fluidité et le rythme (snappiness) de votre paramétrage grâce à un aperçu visuel animé en boucle avec prise en charge des états de lecture et de pause.
  • Sécurité et confidentialité des données Aucune donnée n'est envoyée vers un serveur extérieur. Toutes les variables et les calculs s'exécutent exclusivement et localement au sein de votre navigateur.

🧐 Foire Aux Questions

Q. Quelle est la différence entre le "Base FPS" et le "Target FPS" ?

A. Le "Base FPS" correspond à la boucle d'exécution principale de votre moteur de jeu (généralement 60 FPS). Le "Target FPS" (FPS cible) représente la fréquence à laquelle votre sprite doit s'animer visuellement. Par exemple, un jeu tournant à 60 FPS peut afficher une animation rétro à 12 FPS.

Q. Pourquoi convertir la durée des frames en millisecondes (ms) ?

A. Dans la programmation moderne, l'utilisation de variables basées sur le temps (comme le delta time) garantit que l'animation s'exécute à la même vitesse sur toutes les machines, même si le jeu subit des ralentissements (frame drops). L'outil fournit les durées exactes en millisecondes pour vous affranchir d'une dépendance stricte aux ticks du processeur.

📚 Le saviez-vous ? Standards d'animation Pixel Art et Timing

Dans le développement de jeux 2D, une animation n'est que rarement dessinée pour tourner à 60 images par seconde. Pour reproduire le style authentique des ères 8-bit et 16-bit, les animateurs utilisent des techniques comme l'animation "sur des deux" (on twos) ou "sur des trois" (on threes). Concrètement, cela signifie qu'une même image graphique reste affichée pendant 2, 3 ou même 5 frames du jeu avant de passer à la suivante.

Évaluer vos résultats (Valeurs de référence) : - 12 FPS (environ 83,3 ms par frame) : C'est le standard industriel pour la majorité des animations pixel art (cycles de marche, interactions de base). Ce rythme offre un excellent compromis entre fluidité et sensation "rétro". - 8 à 10 FPS (100 à 125 ms) : Idéal pour des actions plus lourdes ou des objets de décor (idle animations). - 24 à 30 FPS (33 à 41 ms) : Réservé aux attaques ultra-rapides, aux effets visuels (VFX, explosions) ou aux jeux au rendu "HD-2D" plus moderne.

En ajustant vos durées autour de ces valeurs via le calculateur, vous obtiendrez des animations percutantes (punchy) qui respectent les codes visuels du jeu vidéo classique tout en restant techniquement irréprochables dans le code source de votre projet.