Comment utiliser l'outil Superposition de grille
- Déposez un sprite, une planche ou un tileset. La taille des cellules est déduite de la grille des frames.
- Réglez la largeur et la hauteur des cellules (16×16 et 32×32 en un clic), et un décalage si vos tiles ne commencent pas en 0,0.
- Choisissez la couleur, l'opacité et l'épaisseur des lignes, et ajoutez des lignes majeures toutes les 2, 4 ou 8 cellules si vous voulez des sections.
- Choisissez une échelle d'export ; les lignes de la grille se placent entre les pixels agrandis.
- Téléchargez le PNG.
Ce que vous obtenez
- PNG agrandi avec grille de cellules
- Grille fine de 1 px et lignes majeures en option
- Bordure extérieure en option
Conseils tirés de nos propres jeux
- Utilisez une échelle de 8× ou plus pour les tutoriels. En 1×, une ligne de grille doit recouvrir des pixels, ce qui masque le dessin.
- Choisissez une couleur de ligne absente de votre palette (cyan ou magenta en général) pour que les lecteurs ne confondent pas les lignes avec le dessin.
- Des lignes majeures toutes les 4 cellules aident à documenter une salle de 64×64 construite avec des tiles de 16×16.
- Les champs de décalage permettent de vérifier si un tileset a une marge de 1 px avant de l'importer dans Tiled ou dans votre moteur.
Cas d'usage
- Documenter un tileset pour une équipe ou une page de store
- Réaliser des tutoriels de pixel art et des images pas à pas
- Vérifier l'alignement des sprites sur une grille de 16 ou 32 px
- Préparer des images de référence pour un level designer
FAQ
La grille recouvre-t-elle mes pixels ?
À partir de l'échelle 2×, les lignes sont tracées sur les bordures entre les pixels agrandis. En 1×, il n'y a pas de place entre les pixels : les lignes remplacent une rangée de pixels.
Puis-je utiliser une grille non carrée ?
Oui. La largeur et la hauteur des cellules sont indépendantes : les grilles 16×24 ou 32×16 fonctionnent.
À quoi sert l'option de grille de pixels ?
C'est une grille discrète de 1 pixel sous la grille des cellules, affichée à partir de l'échelle 4×. Elle permet de compter facilement les pixels un par un.
Quelle sera la taille du PNG ?
La taille d'origine multipliée par l'échelle d'export. La taille finale est affichée sous le bouton de téléchargement.
Mon image est-elle envoyée sur un serveur ?
Non, tout est dessiné dans votre navigateur.