Animateur de Hitbox et Hurtbox pour Sprites

Dessinez des calques de collision sur chaque image de sprite, prévisualisez les mouvements avec la pelure d'oignon et exportez un fichier JSON neutre.

Chargez une animation, confirmez le découpage et dessinez les zones d'attaque, de dégâts ou de collision.

Table d'animation locale. Les images ne sont pas envoyées sur un serveur.
Placer l'image sur la table d'animation

Choisissez une planche de sprites ou des images PNG/WebP ordonnées.

Découpage des images
Aperçu du mouvement
Zone de travail

Chargez des images pour commencer à dessiner les calques de collision.

Bande d'animation
Exporter le projet

Le fichier JSON stocke les noms d'images, pivots et formes sans inclure les pixels.

Les calques définissent des zones géométriques. Testez-les directement dans votre moteur de jeu.

Zoom 100%
Studio d'utilitaires

Voulez-vous cet outil sur votre site web ?

Personnalisez les couleurs y le mode sombre pour WordPress, Notion ou votre propre site.

Allons-y

Questions fréquemment posées

Quelle est la différence entre une hitbox et une hurtbox ?

Une hitbox définit la zone qui inflige une attaque, tandis qu'une hurtbox définit la zone vulnérable qui la reçoit. Les pushboxes maintiennent les personnages à distance et les grabboxes définissent la portée des prises.

Mes fichiers de sprites quittent-ils le navigateur ?

Non. Les images sont traitées et exportées entièrement dans votre navigateur. Seules les préférences d'édition sont conservées localement.

Quel système de coordonnées l'export JSON utilise-t-il ?

Chaque image mesure ses coordonnées en pixels depuis le coin supérieur gauche du découpage. Les dimensions de largeur et hauteur stockent des valeurs positives avec leur propre pivot.

Puis-je éditer une planche de sprites ou des images séparées ?

Oui. Vous pouvez charger une planche PNG ou WebP en indiquant les lignes et colonnes, ou sélectionner plusieurs images ordonnées.

L'export fonctionne-t-il directement dans tous les moteurs ?

Le format JSON est neutre. Il enregistre les rectangles d'images, les pivots et les calques géométriques sans imposer un moteur spécifique.

Références Bibliographiques

Plus d'utilités de Outils pour le développement de jeux vidéo

Générateur et Prévisualisation de Capsules Steam

Radrer, prévisualiser et traiter les capsules officielles du magasin et de la bibliothèque Steam avec vérification des zones de sécurité.

Utiliser l'outil

Inspecteur de Jeux Web Itch.io et Optimiseur de Résolution en Direct

Téléchargez des fichiers HTML5 ou des archives ZIP pour tester les viewports en direct, corriger les scrollbars, inspecter les builds Godot et Unity WebGL, et générer les paramètres d'intégration Itch.io.

Utiliser l'outil

Empaqueteur et Extracteur de Sprite Sheets

Optimisez les performances de vos jeux 2D en regroupant vos images d animation en atlases de textures ou en extrayant des sprites individuels.

Utiliser l'outil

Détecteur de Points de Boucle Audio et Injecteur de Métadonnées

Localisez les points de boucle audio exacts, ajustez les passages par zéro pour éliminer les clics et exportez des fichiers WAV avec des métadonnées LOOPSTART et LOOPEND.

Utiliser l'outil

Éditeur et Obfuscateur de Sauvegarde de Jeu

Décryptez, inspectez, modifiez les payloads JSON et ré-encryptez les sauvegardes de jeu en utilisant Base64, masques XOR ou texte brut 100% localement dans votre navigateur.

Utiliser l'outil

Nettoyeur CSV et JSON de Localisation pour Godot et Unity

Inspectez vos fichiers de traduction CSV ou JSON pour détecter les cellules vides, les clés en double et les lignes corrompues, puis exportez une copie propre.

Utiliser l'outil

Convertisseur BBCode Steam, Markdown et HTML

Convertissez le BBCode Steam, Markdown et HTML dans toutes les directions avec détection automatique et aperçu en direct.

Utiliser l'outil

Generateur d Effets Sonores Retro pour Jeux

Creez de courts effets sonores retro pour vos jeux dans votre navigateur avec des prereglages, oscilliscope en direct et export WAV.

Utiliser l'outil

Changeur de Palette Pixel Art

Réduisez vos sprites et feuilles de sprites aux palettes de consoles classiques ou à un ensemble personnalisé de couleurs hexadécimales directement dans votre navigateur.

Utiliser l'outil

Testeur de Stress Accessibilité UI de Jeu

Inspectez une capture d écran de jeu localement avec des simulations de daltonisme, des sondes de contraste HUD, du flou, du sous-échantillonnage et des cartes thermiques.

Utiliser l'outil

Laboratoire de Formules de Dégâts et Graphiques TTK

Comparez des formules de dégâts pour jeux vidéo avec des courbes en direct, cartes thermiques, arrondis, coups critiques et temps pour éliminer (TTK).

Utiliser l'outil

Laboratoire de Delta Time et Timestep Fixe pour Jeux

Comparez les boucles de jeu à delta variable et à timestep fixe avec des pics de frame répétables, du mouvement simulé, du rattrapage et une dérive temporelle visible.

Utiliser l'outil