Utiliser 2D Tilemap Extras pour créer des cartes avec des vignettes automatiques

Page mise à jour :
Date de création de la page :

Environnement de vérification

Windows
  • Fenêtres 11
Éditeur Unity
  • 2021.3.3f1
Package système d’entrée
  • 1.3.0

Conditions préalables à cette astuce

Les paramètres suivants ont été définis à l’avance comme prémisse pour la description de cette astuce.

Quelles sont les conditions préalables à cette astuce ?

À propos de l’emprunt de matériel cartographique

Il est emprunté au site suivant.

À propos des vignettes automatiques

Normalement, lors du placement de MapChips, les MapChips qui se connectent vers le haut, le bas, la gauche et la droite doivent être placés tout en changeant les MapChips à placer à chaque fois. Cependant, c’est assez gênant car vous devez changer les puces de carte pour être placé en fonction de la complexité de la carte. De plus, comme tout est fait à la main, il y a une possibilité d’égarement.

Si vous utilisez le mécanisme de tuile automatique, s’il y a des MapTips qui se connectent vers le haut, le bas, la gauche et la droite, les MapChips basculeront automatiquement et les placeront de manière à ce qu’il n’y ait pas d’inconfort. Il est nécessaire de définir où se connecter à l’avance, mais c’est fortement recommandé car le coût de placement de la puce de carte sera réduit plus que cet effort.

Pour utiliser des vignettes automatiques dans Unity, vous devez utiliser la bibliothèque d’extensions. Utilisons la bibliothèque officielle « 2D Tilemap Extras ».

2D Tilemap Extras est installé en standard dans les projets 2D à partir de Unity Editor 2021.3.3f1.

Préparer des MapTips pour les vignettes automatiques

Pour le moment, toute puce de carte qui se connecte vers le haut, le bas, la gauche et la droite est acceptable, mais une puce de carte pour les tuiles automatiques composée de 5 puces comme indiqué ci-dessous est souvent utilisée.

Cependant, la configuration ci-dessus est sous la forme souvent utilisée dans le « WOLF RPG Editor ». Cinq puces suffisent car elles peuvent être utilisées dans 4 autres parties de l’outil, mais Unity n’a pas beaucoup de fonctionnalités, vous devez donc créer le nombre requis de jetons à l’avance à partir des 5 jetons ci-dessus.

Cependant, il est difficile de le faire à la main, il est donc plus facile de le créer en vrac en utilisant le site suivant.

Lorsque vous ouvrez la page, vous verrez un écran comme celui montré dans la figure, alors déposez l’image des 5 puces mentionnées précédemment dans le cadre du fond bleu.

Ensuite, une image divisée sera créée, alors téléchargez-la et utilisez-la.

Fractionnement de MapChips pour les vignettes automatiques

Après avoir créé le projet, placez le MapChip que vous venez de créer dans le projet et divisez-le. Le travail ici est le même que l’explication pour le tilemap, donc je ne publierai que l’image.

Vous n’avez pas encore besoin de l’ajouter à la palette de mosaïques.

Ajout d’une vignette de règle

La vignette automatique peut être réalisée avec « Rule Tile » dans 2D Tilemap Extras. Cliquez avec le bouton droit sur une zone vide du projet et sélectionnez Créer -> vignette > 2D-> Règle pour l’ajouter.

Le nom peut être n’importe quoi. Pour l’instant, je l’appellerai « SeaAutoTile ».

Sélectionnez la vignette de règle que vous avez créée et l’inspecteur changera comme indiqué. Tout d’abord, spécifiez le sprite par défaut. Ce sprite n’affecte pas le placement de la carte, mais il s’agira d’une vignette, veuillez donc spécifier une image facile à comprendre.

Les paramètres d’image peuvent être définis en sélectionnant à partir du bouton de sélection ou en déposant directement l’image de la carte.

Ensuite, déposez un ensemble d’info-bulles à utiliser pour le cadre rectangulaire ci-dessous. Il est possible de les déposer individuellement, mais si vous supprimez la source d’image des MapChips divisées, vous pouvez enregistrer les MapChips divisées en vrac.

Vous trouverez ci-dessous une image de l’état ajouté. Il y a 47 jetons au total.

Ce que nous allons faire ici, c’est définir dans quelle direction chaque MapTip sera connecté. Cliquez sur les 9 carrés pour basculer entre « blanc », « × (rouge) » et « flèche (vert) ». × signifie ne pas se connecter dans cette direction, flèche signifie se connecter. L’espace vide est laissé à la puce de carte suivante.

Si vous ne vous connectez que dans 4 directions, vous ne pouvez définir que 4 carrés vers le haut, le bas, la gauche et la droite.

Cependant, cette fois, il y en a qui se connectent en diagonale, et la seule différence est qu’ils se connectent en diagonale ou non, alors configurez-les correctement.

Réglez tous les 47 et vous avez terminé.

Ajouter à la palette de vignettes

Créez une palette de vignettes. S’il n’y a pas d’onglet Palette de tuiles, affichez-le à partir de « Fenêtre -> 2D -> Palette de tuiles » dans le menu. Le nom de la palette peut être n’importe quoi. Si vous avez besoin de plus d’une palette lors de la création de votre jeu, gardez-le facile à comprendre.

Les paramètres de palette de vignettes sont créés dans un nouveau dossier SeaPalette du dossier Scenes. Le nom et l’emplacement du dossier sont arbitraires.

Une fois que vous avez créé votre palette de tuiles, ajoutez des info-bulles. Dans une carte de tuiles normales, nous avons placé une info-bulle divisée, mais cette fois, nous allons placer la vignette de règle.

Lorsqu’elle est placée, une seule puce est affichée, mais dans le cas des tuiles automatiques, c’est tout ce qui est OK.

Placement de MapTips (vignettes automatiques)

Ajoutez un tilemap à la hiérarchie comme vous le feriez pour un tilemap.

Sélectionnez Tilemap pour afficher une grille dans la vue.

Plaçons une carte ici. Sélectionnez une vignette automatique dans la palette.

Si vous le placez dans la vue, il sera placé tel quel dans le cas d’un carré, mais si vous le placez sous une forme connectée, vous pouvez voir que les puces de carte sont disposées de manière différente afin qu’elles soient connectées. Il s’agit de la disposition utilisant le mécanisme de mosaïque automatique. Vous n’avez plus besoin de choisir des MapTips distincts pour vous connecter.

J’ai essayé de l’arranger pour que ce soit un étang. Cependant, la connexion tourne mal. Cela est dû au fait que la vignette de règle est mal configurée. Dans ce cas, revenez aux paramètres de la vignette de règle et réinitialisez l’emplacement étrange. Vous pouvez laisser les MapTips placés tels quels.

Corrigez là où c’est faux.

Si vous le modifiez, il sera automatiquement réfléchi et vous pourrez confirmer qu’il aura la forme correcte d’un étang.

Après cela, essayez de le placer sous différentes formes et vérifiez s’il y a quelque chose qui ne va pas. S’il est correctement défini, vous pouvez placer l’info-bulle de manière naturelle en cliquant simplement avec la souris.

Il est recommandé de configurer les tuiles automatiques de cette manière, car cela facilitera la création de cartes. Bien entendu, si vous enregistrez d’autres puces de carte dans la palette de vignettes, vous pouvez créer une carte qui combine des vignettes automatiques et des vignettes régulières.