Créer une carte 2D descendante à l’aide de tilemaps Unity standard

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.

À propos de MapTips

Dans les anciens jeux, il était difficile de préparer une carte à une seule image en raison de problèmes de capacité. Une méthode de création d’une carte en combinant de petites images appelées « mapchips » était populaire. Cela permet d’exprimer une vaste carte avec seulement de petites données d’image sans préparer une grande image.

Maintenant, il n’y a presque aucune limite à la taille du fichier qui peut être créé, il est donc possible d’exprimer la carte sans utiliser de mapchips. La création de cartes avec maptips est très facile et reste une méthode populaire.

Unity a relativement récemment pris en charge la création de cartes avec maptips, donc je vais utiliser cette fonctionnalité pour créer une carte descendante RPG commune.

À propos, la taille de la puce de mapchip varie, comme 16x16px, 32x32px et 64x64px. Fondamentalement, la forme est carrée. Cette fois, nous utiliserons la taille de 32x32px.

À propos de l’emprunt de matériel cartographique

Nous avons enlevé les pièces inutiles et les avons utilisées comme échantillons pour celles empruntées aux sites suivants.

Créer un projet et préparer des images

Une fois que vous avez créé votre projet 2D, ajoutez une image MapTip à votre projet.

En l’état, il ne s’agit que d’une seule image, nous allons donc la diviser afin qu’Unity puisse la gérer puce par puce. Sélectionnez une info-bulle ajoutée au projet pour afficher l’inspecteur.

Chaque élément est affiché dans l’inspecteur, alors définissez-le.

Remarques sur la valeur du nom de l’élément
Texture Type lutin
Sprite Mode pluriel
Pixels par unité 32 Fondamentalement, il devrait être de la même taille que la puce de carte, mais cela dépend du jeu que vous créez.
Type de maillage Rectangle parfait
Mode filtre point Si besoin est
compression sans Si besoin est

Une fois configuré, cliquez sur le bouton « Appliquer » ci-dessous.

Cliquez ensuite sur le bouton « Sprite Editor » près du milieu.

Lorsque la boîte de dialogue Sprite Editor apparaît, cliquez sur le menu déroulant « Trancher », Définissez le type sur Grille par taille de cellule, spécifiez la taille en pixels XY pour qu’elle soit de la même taille que la carte-pointe, puis cliquez sur le bouton Trancher.

Ensuite, l’image sera séparée par une ligne blanche. Si la ligne est difficile à comprendre, appuyez sur la touche Ctrl pour qu’elle devienne verte.

Une fois confirmé, cliquez sur le bouton « Appliquer » pour fermer la boîte de dialogue.

Ce n’est pas grave si l’image fractionnée s’affiche lorsque vous cliquez sur le bouton situé à droite de l’image cartographique du projet.

Ajouter un tilemap

Créons un tilemap sur l’écran de jeu. Sélectionnez « Objet 2D > Tilemap - > Rectangle » dans le bouton Ajouter une hiérarchie pour l’ajouter.

Ensuite, lorsque Grille et Tipemap sont ajoutés à la hiérarchie et que l’un ou l’autre est sélectionné, la grille est affichée dans la vue.

Configuration de la palette de vignettes

Sélectionnez un onglet dans la palette de vignettes. Si ce n’est pas le cas, sélectionnez Fenêtre > palette de vignettes > 2D dans le menu.

Sélectionnez Créer une nouvelle palette et donnez-lui un nom descriptif. Ici, nous utilisons « MapChipPalette » pour le moment. Après avoir entré, cliquez sur le bouton « Créer ».

Puisque la boîte de dialogue de spécification du dossier est affichée, créez-la avec « MapChipPalette », qui est identique au nom de la palette. La palette que vous allez créer sera créée dans le dossier que vous venez de créer.

Après avoir créé la palette, déposez l’image maptip sur la palette nouvellement créée.

La boîte de dialogue Spécifier le dossier s’affiche à nouveau, mais spécifiez le dossier que vous venez de créer.

Vous pouvez voir que l’info-bulle a été ajoutée à la palette de vignettes.

De plus, si vous regardez à l’intérieur du dossier créé, vous pouvez voir que l’image divisée est incluse.

Vous êtes maintenant prêt à créer une carte.

Créer une carte

Maintenant que vous êtes prêt, il ne vous reste plus qu’à créer une carte. Sélectionnez l’icône de pipette dans la palette de vignettes.

Ensuite, vous pouvez sélectionner le MapChip que vous souhaitez utiliser, alors sélectionnez le MapTip que vous souhaitez placer.

Essayez de cliquer avec la souris sur la grille affichée dans la vue. Un maptip doit être placé à l’endroit où vous avez cliqué.

Vous pouvez également le faire glisser tel quel pour le placer en continu.

Vous pouvez également sélectionner et placer d’autres MapChips.

Si vous souhaitez les organiser ensemble, sélectionnez l’icône en forme de rectangle dans la palette de vignettes.

Vous pouvez les organiser dans des plages comme ceci:

Si vous souhaitez supprimer l’info-bulle, sélectionnez l’icône de gomme dans la palette de tuiles et cliquez à l’endroit où vous souhaitez l’effacer.

En outre, si vous souhaitez placer un objet qui s’étend sur plusieurs cellules de la palette, sélectionnez la plage dans la palette.

Ensuite, la plage sera affichée dans la vue et vous pourrez cliquer dessus pour l’organiser.

Il existe d’autres icônes telles que « Sélectionner », « Déplacer » et « Remplir », alors essayez de les utiliser.

Après cela, vous pouvez placer les puces de carte comme vous le souhaitez, et la carte sera complète.

Cette fois, je ne l’ai placé que dans la portée de l’appareil photo, mais si vous créez une carte avec une portée plus large, Je pense que vous pouvez également déplacer votre personnage dans le jeu et le faire marcher tout en faisant défiler la carte.