Pour les cartes de jeu
Découpeur de tilesets
Une image de cases de sol ou mur ? Indiquez leur taille et téléchargez avec positions.
Exemple : grille de sol → PNG + carte
Essayer cet outil- 1. AjouterUne grille de tuiles
- 2. AjusterDéfinir la taille carrée et les espaces
- 3. EnregistrerPNG des tuiles et carte de positions
1. Choisir l'image contenant les tuiles
Pour des cases égales de sol, murs ou terrain ; de petits intervalles sont possibles.
Comment l'utiliser
1. Mesurer la tuile, pas son intervalle
Chargez PNG ou WebP et réglez Largeur et Hauteur de tuile. Une tuile 32 × 32 avec un espace d’un pixel reste 32 × 32 ; l’espace va dans Espacement des tuiles, pas dans les dimensions.
2. Distinguer marge extérieure et espacement
La marge extérieure est une bordure identique sur les quatre côtés. L’espacement se trouve entre les tuiles voisines. Avec des tuiles de 32 px, une marge de 2 px et un espacement de 1 px, la première tuile commence en (2, 2) et la colonne suivante en x = 35.
3. Choisir l'export des vides et doublons
Ignorer les tuiles entièrement transparentes exclut les cellules vides. Dédupliquer les tuiles identiques réutilise un PNG pour les pixels strictement identiques. Conservez tilemap.json dans le ZIP pour relier les fichiers exportés à leurs lignes et colonnes d’origine.
La taille, la marge et l’espacement déterminent chaque découpe
Les erreurs d’espacement s’accumulent. Si l’espace réel est de 1 px mais que vous entrez 0, la deuxième découpe commence un pixel trop tôt, la troisième deux pixels trop tôt, et les suivantes contiennent leurs voisines. Vérifiez l’extrémité droite et le bas de l’export. L’aperçu montre les 16 premières tuiles exportées, pas toute la planche.
Quatre colonnes de 32 px et trois lignes de 32 px, avec une bordure de 2 px et des espaces de 1 px, nécessitent une image de 135 × 102. La largeur vaut 2 × 2 + 4 × 32 + 3 × 1 ; la hauteur, 2 × 2 + 3 × 32 + 2 × 1. Seules les cases complètes sont exportées ; une bande restante ne devient pas une tuile supplémentaire.
La déduplication compare les valeurs RGBA exactes, y compris les valeurs RGB invisibles. Des tuiles transparentes visuellement identiques peuvent donc rester distinctes. tilemap.json est un manifeste ImageMint contenant des positions et des identifiants de tuiles, et non une carte de tuiles native Unity ou Godot, une carte de collisions ou un ensemble de règles d’autotiling.
| Paramètre ou entrée | Ce que cela signifie |
|---|---|
| Largeur / hauteur de tuile | 32 / 32 px |
| Marge extérieure | 2 px de chaque côté |
| Espacement des tuiles | 1 px entre les tuiles |
| Origines des colonnes | x = 2, 35, 68, 101 |
| Cases attendues | 12 avant omission et déduplication |
Vérifier avant téléchargement
Numéros de fichiers distincts des cases originales
Les cellules ignorées conservent leur position dans le manifeste, et les doublons peuvent référencer un ID de tuile existant. Conservez le manifeste si vous devez reconstruire la disposition d’origine.
Utiliser une grille régulière, pas un atlas arbitraire
Ces réglages ne décrivent pas les rectangles inégaux ou bordures asymétriques. Limites : 4096 px par côté d’image, 16 millions de pixels, 1024 cellules et 512 px par côté de tuile.
Questions
Pourquoi les recadrages suivants incluent-ils le bord d’un voisin ?
Revérifiez d’abord l’espacement. Un mauvais espacement produit un décalage croissant ; une mauvaise marge décale toutes les cellules également. Si les découpes enregistrées sont propres mais que le moteur montre des raccords, vérifiez séparément le filtrage de texture et les paramètres d’import.
Qu’est-ce qu’une tuile vide ?
Chaque pixel doit avoir alpha 0 ; un seul pixel ténu rend la tuile non vide.
La déduplication compare-t-elle la ressemblance ?
Non : RGBA exact. Couleurs proches diffèrent ; RGB caché dans transparence peut empêcher correspondance.
Puis-je importer tilemap.json directement dans mon moteur ?
Ce n’est pas un format universel de moteur. Utilisez les positions de grille et identifiants comme référence, ou écrivez un adaptateur. Les collisions et comportements d’autotiling restent à créer.
Pourquoi la dernière ligne n’a-t-elle pas été exportée ?
Seules les cases complètes dans la marge configurée sont extraites. Vérifiez les dimensions de l’image et si la dernière bande est une marge ou une case partielle. Les recadrages partiels ne sont pas étirés pour s’ajuster.
Outils et tutoriels connexes
Guide de grille de tileset et d’import moteur — Distinguer problèmes de découpe et joints de rendu.
Découper un tileset avec espaces — Vérifiez une source de 135 × 102 avec des tuiles de 32 px, une marge de 2 px et un espacement de 1 px.
Découpeur de planches de sprites — Utilisez des limites manuelles pour une planche irrégulière.
Extracteur de palette de pixel art — Comparez les couleurs d'une nouvelle tuile à la palette du décor.