Tutoriel 2 : Sprite, Tilemap et Layer - Développement Avancé

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.

Dans le répertoire Assets/, créez un dossier Sprites/.
Téléchargez ce .zip contenant les sprites pour ce jeu et extrayez-les dans Assets/Sprites/.

Découvrez les bases du Sprite Editor d’Unity avec la vidéo suivante.
Dans Assets/Sprites, cliquez-sur backgrounds. Changez les paramètres suivantes puis cliquez sur Apply.

Faites de même pour characters, enemies et tiles.
Pour backgrounds, ouvrez Sprite Editor, dans le menu Slice, choisissez Grid By Cell Count pour Type et les paramètres suivants :

Cliquez sur Slice et Apply pour découper les tiles.
Faites de même pour characters, enemies et tiles avec les mêmes paramètres sauf pour les suivants.

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 son enfant, la tilemap en Platforms Tilemap.
Dans Assets, créez un dossier Tiles/.
Ouvrez Window > 2D > Tile Palette.
Importez (Drag and Drop) les sprites de tiles dans la Tile Palette et sauvegardez-les dans un répertoire nommé Platforms dans Assets/Tiles/.

Renommez New Tile Palette en Platforms Palette.
Nous n’avons pas besoin de toutes les tiles pour le moment. Familiarisez-vous avec la Tile Palette en recréant la palette suivante dans Tile Palette, pas dans la scène. Vous n’êtes pas obligé d’utiliser le même type de terrain.

Cette palette est mieux organisée et nous aidera à peindre des scènes plus facilement.

Indices

Cliquez sur Toggles Tile Palette Edit pour vous mettre en mode d’édition.
Utilisez les shortcuts S (Selection) et M (Move) pour sélectionner et déplacer les tiles dans la Tile palette.

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 créer les User Layer et Sorting Layer pour Background avec le bon ordre entre Platforms et Background pour les Sorting Layers.
Créez une Background Tilemap comme enfant de la Tilemap Grid.

Importez les tiles de backgrounds dans un nouveau répertoire Assets/Tiles/Background et renommez la nouvelle palette Background Palette.
Ajoutez Background comme User Layer et Sorting Layer à la Background Tilemap.
Créez une Water Tilemap avec les bonnes layers avec ce que vous avez appris (vous pouvez réutiliser les tiles d’eau dans la Platforms Palette puis la Builtin Layer Water comme User Layer).
Dessinez un background et ajoutez de l’eau sur votre platforme pour vérifier que vos layers sont bien configuré.
Sauvegardez votre scène dans Assets/Scenes/ avec un nom comme Niveau1.