Tutoriel 2 : Sprite, Tilemap, Layer et Rule Tile

Nous allons créer un platformer 2D générique dans le style de Mario.

Objectifs¶

Nous allons apprendre :

pour créer un niveau de platformer 2D.

Vocabulaires

Commençons avec un peu de vocabulaires :

Sprite: Un sprite est une image 2D représentant un élément visuel du jeu. Cela peut être un personnage (le héros, un ennemi, ...), un objet (une pièce, une caisse, ...), ou un effet visuel (une explosion, une étincelle).

Sprite Sheet: Une sprite sheet est une grande image qui regroupe plusieurs sprites côte à côte. Par exemple, une sprite sheet peut contenir toutes les étapes d’une animation de saut ou de course.

Sprite Editor: Un sprite editor est un logiciel permettant de dessiner et modifier des sprites, organiser des sprite sheets, et définir les zones de collision et les points d’ancrage. Unity a un sprite editor intégré.

Tile: Une tile (tuile) est une petite image carrée utilisée pour construire les décors du jeu comme l’arrière-plan et les plateformes.

Découvrez les bases du Sprite Editor d’Unity avec la vidéo suivante.
Dans Assets/Sprites, cliquez-sur SPA_Rock_Grass_Water.png, choisissez Multiple pour Sprite Mode et changez Pixels Per Unit à 31. N’oubliez pas de cliquer sur Apply.
Ouvrez Sprite Editor, dans le menu Slice (en haut à gauche), choisissez Automatic pour Type puis Slice pour découper les tiles automatiquement.
Répétez les étapes 4 et 5 pour SPA_Background brown tint.
Répétez l’étape 4 pour SPA_Player_Ginger.
Cette fois, dans Sprite Editor > Slice, choisissez Grid By Cell Size avec les paramètres Pixel Size X = 32, Y = 32 et Padding X = 6, Y = 6.
Découpez vous-mêmes SPA_Coins et SPA_Enemy_Right.

Nous avons maintenant les assets nécessaires pour commencer le jeu.

Découvrez les bases de la Tilemap Palette avec la vidéo suivante.
Cliquez droit sur l’hiérarchie de votre scène et choisissez 2D Object > Tilemap > Rectangular.
Renommez la grille en Tilemap Grid et la tilemap en Platforms Tilemap.
Dans Assets, créez un dossier Tiles/.
Ouvrez Window > 2D > Tile Palette.
Créez une palette nommée Platforms Palette et sauvegardez-la dans Assets/Tiles/.

Créez quelques platformes simples dans votre scène pour comprendre à quoi sert chaque tile.

Découvrez les users layers et sorting layers avec cette première vidéo puis cette deuxième vidéo.

Dans l’Inspector de Platforms Tilemap, cliquez sur Layer puis ajoutez une Layer.
Dans User Layer, ajouter Platforms comme User Layer à partir de User layer 6. Ajouter aussi une Sorting Layer avec le même nom (Platforms). Il ne faut pas oublier d’ajouter ces layers à Platforms Tilemap dans Layer (User Layer) et Sorting Layer.
Faites de même pour Background.
Créez une Background Tilemap comme enfant de la Tilemap Grid.

Importez les tiles de SPA_Background brown tint.png dans une nouvelle palette nommée Background Palette.
Créez Background comme User Layer et Sorting Layer.
Créez une Water Tilemap avec les bonnes layers avec ce que vous avez appris.
Dessinez un petit background et ajoutez de l’eau sur votre platforme pour vérifier que vos layers sont bien configuré.

Découvrez comment utiliser les Rule Tiles pour créer des plateformes pour un niveau rapidement.
Dans Package Manager, cherchez et installez 2D Tilemap Extras.
Dans Assets/Sprites/, cliquez-droit puis choisissez Create > 2D > Tiles Rule Tile. Nommez-le Rule Tile.
Choisissez une tile avec de l’herbe comme Default Sprite pour votre rule tile.
Ajoutez la rule tile à Platforms Palette.
Dessinez une gross plateforme avec une forme bizarre pour pouvoir tester la rule tile plus tard.
Ajoutez des règles pour tous les types de tiles de platformes (sauf l’eau) qui vous sont fournis à la rule tile et essayez de comprendre comment la matrice 3x3 à côté de la sprite de chaque règle est utilisé.

Une fois que votre rule tile fonctionne, créez quelques plateformes en plus pour la tester.
Vous pouvez maintenant faire un commit fin du tutoriel 2.