Media Tools
Developer ToolsGénérateur de Feuille de Sprites
Combinez des images de sprites en feuilles optimisées pour le développement de jeux. Génère des métadonnées JSON avec des coordonnées pour une intégration facile avec les moteurs de jeux.
Télécharger des Images de Sprites
Faites glisser et déposez des images ici ou cliquez pour parcourir
Supporte les formats PNG, JPG, WebP et GIF
Related Tools
À propos du Générateur de Feuille de Sprites
Comment ça Marche
- Téléchargez plusieurs images de sprites via glisser-déposer ou sélection de fichiers
- Organise automatiquement les sprites dans une mise en page de grille optimale
- Génère une seule image de feuille de sprites avec des métadonnées JSON
- Supporte les formats de sortie PNG et WebP avec dimensionnement puissance de 2
- Fournit des données de coordonnées pour une intégration facile avec les moteurs de jeux
Cas d'Utilisation Courants
- Combiner des sprites individuels pour le développement de jeux 2D
- Créer des atlas de textures pour de meilleures performances de rendu
- Optimiser le chargement des sprites pour les jeux web
- Générer des feuilles de sprites CSS pour le développement web
- Organiser des images d'animation en images uniques
- Réduire les appels de dessin dans le développement de jeux mobiles
Frequently Asked Questions
Qu'est-ce qu'une feuille de sprites et pourquoi l'utiliser?
Une feuille de sprites (ou atlas de textures) est une image unique contenant plusieurs images plus petites (sprites) disposées en grille. L'utilisation de feuilles de sprites améliore les performances du jeu en réduisant le nombre de liaisons de textures et en diminuant l'utilisation de la mémoire.
Quels formats d'image puis-je télécharger et exporter?
Vous pouvez télécharger des sprites en formats PNG, JPG, WebP et GIF. L'outil exporte les feuilles de sprites au format PNG (avec support de la transparence) ou WebP.
Comment fonctionne la mise en page automatique de la grille?
L'outil analyse les sprites téléchargés et calcule une mise en page de grille optimale basée sur la racine carrée du nombre de sprites. Vous pouvez ajuster manuellement les colonnes et les rangées.
Qu'est-ce que le fichier de métadonnées JSON et comment l'utiliser?
Les métadonnées JSON contiennent les coordonnées exactes en pixels, la largeur et la hauteur de chaque sprite dans la feuille de sprites générée. La plupart des frameworks de jeux peuvent importer ces métadonnées directement.
Que signifie 'Dimensionnement puissance de 2' et doit-il être activé?
Le dimensionnement puissance de 2 garantit que les dimensions finales de la feuille de sprites sont des puissances de 2 (comme 256x256, 512x512). C'est important pour les anciennes cartes graphiques et certains moteurs de jeux.
Comment fonctionne le dimensionnement des sprites de tailles différentes?
L'outil réduit automatiquement les sprites plus grands pour s'adapter au paramètre 'Taille maximale du sprite' tout en maintenant le rapport d'aspect.
Puis-je contrôler l'espacement entre les sprites?
Oui, utilisez le paramètre 'Rembourrage' pour ajouter un espacement en pixels autour de chaque sprite. Cela évite le débordement de couleur et les artefacts de filtrage.
Que se passe-t-il si j'ai plus de sprites que de cellules de grille?
Si vous téléchargez plus de sprites que la grille actuelle peut contenir, les sprites supplémentaires seront ignorés. Augmentez la taille de la grille ou réduisez le nombre de sprites.
Comment utiliser la feuille de sprites générée dans mon moteur de jeu?
Importez l'image de la feuille de sprites et les métadonnées JSON dans votre moteur de jeu. Unity utilise Sprite Atlases, Godot supporte le format JSON TexturePacker, et Phaser.js peut charger des atlas JSON directement.
Y a-t-il une limite au nombre de sprites?
L'outil peut gérer des dizaines de sprites, mais les limites pratiques dépendent de la mémoire du navigateur et de la taille finale de l'image.
Puis-je créer des séquences d'animation avec cet outil?
Bien que cet outil organise les sprites en feuilles, il ne crée pas d'animations directement. Cependant, vous pouvez télécharger des images d'animation en séquence et les organiser en lignes ou colonnes.
Quelle est la différence entre les arrière-plans transparents et colorés?
L'arrière-plan transparent (par défaut) préserve le canal alpha de vos sprites. Les arrière-plans blancs ou noirs remplissent les zones transparentes avec une couleur unie.