Unity niveau intermédiaire : mondes en 2D

Name: Unity niveau intermédiaire : mondes en 2D
Author: Ken Geary

Apprenez à créer des niveaux 2D à l'aide de sprites

Preview the first lesson free — get full access to all 5 lessons.

Cours : à la demande

Bonjour. Bienvenue dans cette leçon dans Unity. Dans ces leçons, vous apprendrez à créer un monde en 2D et niveaux à l’aide de sprites. Depuis Unity Hub, ouvrez un projet de plateforme. Assurez-vous que la scène de niveau 1 est chargée. Afin de commencer la construction de niveaux, nous devons importer images et convertir en sprites dans des feuilles de sprites pour créer personnages et conception de niveaux. Vous pouvez le faire dans n'importe quel programme de peinture qui vous permet d'enregistrer des images avec un fond alpha ou transparent, généralement au format PNG. Nous pouvons également trouver des ressources gratuites dans Unity Asset Store et travailler avec ceux-là. Ouvrez un navigateur Web et accédez à Assetstore.unity.com. Connectez-vous à votre compte. Une fois connecté, tapez Pixel Adventure dans la fenêtre de recherche. Sélectionnez Pixel Aventure 1. Il s'agit d'un actif gratuit contenant des images que nous pouvons utiliser pour convertir en feuilles de sprites. Cliquez sur Télécharger, puis sur Ouvrir dans Unity. Cliquez sur Ouvrir l'éditeur Unity. Sélectionnez Pixel Adventure 1 sur le côté gauche, puis cliquez sur Importer. Nous ne voulons pas tous les actifs, juste les images. Faites défiler vers le bas et décochez Scènes. Cliquez sur Importer, puis fermez le panneau. Ouvrez le dossier Actifs. Nous voyons maintenant un nouveau dossier appelé Pixel Adventure. Pour continuer à organiser notre projet, nous allons créer des dossiers pour intégrer nos ressources de conception au niveau des sprites. Créez un nouveau dossier dans le dossier Actifs. Nommez-le Contexte. Ouvrez le dossier. Créez un autre dossier. Nommez-le Tuiles. Revenez aux actifs. Sélectionnez le dossier Arrière-plan et appuyez sur Contrôle D sur votre clavier pour faire une copie. Nous allons renommer ce dossier Foreground. Vous pouvez appuyer sur la touche F2 pour vous permettre de renommer le dossier. Localisons une image de carte de tuiles à partir de l'élément que nous avons téléchargé. Ouvrez le dossier Pixel Adventure, puis les Actifs, puis Terrain. Il y a deux images ici. Le deuxième est déjà préparé. Nous souhaitons sélectionner le premier, nommé Terrain 16x16. Ouvrez la fenêtre Aperçu dans l'inspecteur. Vous devrez peut-être cliquer et faire glisser la barre vers le haut pour mieux voir. Cette image peut paraître étrange, mais au fond, c'est un collection de pinceaux d'images dont nous pouvons utiliser des parties pour concevoir nos dispositions de niveaux. Près du haut de l'inspecteur, nous voyons Pixel par unité. Il est défini sur la valeur par défaut 100. C'est trop élevé. Comme nous le déduisons du nom de l'image, nos tuiles seront 16 pixels par 16 pixels. Changez donc les pixels par unité de 100 à 16. Cette feuille de sprite sera utilisée pour créer et peindre plusieurs sprites d’une feuille. Changez donc le mode sprite en Multiple. Multiple est également utilisé pour les séquences de sprites animées. Assurez-vous de cliquer sur Appliquer. Nous sommes maintenant prêts à entrer dans l'éditeur de Sprite et à créer notre première feuille de sprite préparée. Cliquez sur Éditeur de sprites. Un panneau flottant apparaît et vous pouvez voir clairement nos différents les images que nous voulons découper en parties plus petites. La fonction de tranchage détectera automatiquement le fond transparent et entoure uniquement les bords des pixels. Ouvrez le menu Tranche. Sélectionner le genre, Grille par taille de cellule, et la taille des pixels, comme nous le savons auparavant, est de 16 x 16. Vous verrez une grille d'aperçu rouge du fonctionnement de la tranche et vous pouvez modifier les valeurs si cela ne semble pas correct. Cliquez maintenant sur Tranche, puis cliquez dans le panneau pour fermer le menu. Vous verrez maintenant des lignes de grille blanches autour des images. Enfin, cliquez sur Appliquer puis fermez le panneau. Ensuite, nous allons créer une carte de tuiles. Une carte de tuiles est une grille bidimensionnelle qui permet vous pouvez créer des niveaux 2D en disposant ou en peignant des tuiles sur la grille. Faites un clic droit sur la hiérarchie et sélectionnez Objet 2D, Carte en tuiles, Rectangulaire. Nous avons maintenant notre grille, prête à y placer des tuiles de sprite. Pour voir notre espace de travail, sélectionnez Grille dans la hiérarchie, passez votre souris dans le panneau Scène et appuyez sur F. Vous pouvez maintenant voir notre zone de travail et la grille. Vous pouvez également ajouter des formes de sprite 2D de base en cliquant avec le bouton droit. la hiérarchie, en sélectionnant Objet 2D, Lutins, n'importe quelle forme de sprite telle qu'un triangle. Vous pouvez facilement changer la couleur d'un sprite dans l'inspecteur. Essayons quelques formes supplémentaires, donnons-leur une couleur différente et Disposez-les autour de la scène. Nous allons utiliser la touche W pour nous déplacer. Clic-droit, Sprites, Square, nous allons leur donner une couleur. Je vais déplacer chaque forme vers les différents coins de notre écran de travail. Clic-droit, Sprites, fais un cercle, donne-lui une couleur, déplacez-le dans un coin, et un de plus. Ces sprites peuvent être animés et avoir du code attaché pour créer ils interagissent dans le jeu. Nous allons créer des sprites à partir des ressources d'image que nous téléchargé, alors supprimez les formes de sprite. Enregistrez la scène. Dans la prochaine leçon, nous allons apprendre à créer un Contexte 2D pour notre jeu dans Unity. Merci d'avoir regardé!

Intermédiaire Fournisseur : Ken Geary 5 leçons · 25m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Dans ces leçons, vous allez travailler avec des feuilles de sprites importées pour créer des niveaux, un lecteur et des objets interactifs.

Vous apprendrez à importer des ressources de jeu de sprites à l'aide de l'Asset Store Unity. Vous pouvez modifier ces sprites importés en tuiles pour les utiliser dans la création d'arrière-plans et d'un premier plan le long duquel le joueur peut courir.

Vous serez en mesure de préparer des feuilles de sprites et de déterminer si une feuille de sprites sera utilisée pour créer des niveaux ou pour créer des personnages de sprites animés en boucle.

Ces leçons vous montreront comment créer un arrière-plan et attribuer des calques de tri afin qu'un calque puisse apparaître au-dessus d'un autre. L'arrière-plan est créé en créant d'abord une carte de tuiles qui définit une zone de grille dans laquelle vous pouvez placer des sprites de tuiles. Vous comprendrez comment utiliser la palette de mosaïques et les différents outils de palette tels que l'outil Boîte remplie pour dessiner rapidement une zone d'arrière-plan complète avec des images de mosaïques répétitives.

Vous pourrez créer des palettes de mosaïques supplémentaires, chacune étant unique pour son utilisation, comme une palette de premier plan. Vous allez créer le premier plan dans un nouveau calque de tri et sélectionner divers éléments de sprite à ajouter à la mosaïque à l'aide d'outils tels que l'outil Pinceau.

Ce que vous allez apprendre

Utiliser des assets 2D et des feuilles de sprites (sprite sheets) importées du Unity Asset Store
Modifier des sprites importés en tuiles (tiles) pour construire des arrière-plans et un premier plan sur lequel le joueur peut courir
Créer une carte de tuiles (tilemap) qui définit une zone de grille et utiliser des palettes de tuiles pour placer des sprites de tuiles
Appliquer les outils de la palette de tuiles, tels que l'outil de remplissage (filled box tool) et le pinceau (paint brush tool), pour dessiner des images de tuiles répétitives
Assigner des calques de tri (sorting layers) pour qu'un calque apparaisse au-dessus d'un autre lors de la construction des arrière-plans et des premiers plans
Préparer et distinguer les feuilles de sprites pour créer des niveaux par rapport aux personnages animés en boucle

Points clés à retenir

Le cours travaille avec des feuilles de sprites importées pour créer des niveaux, un joueur et des éléments interactifs.
Les arrière-plans sont créés en créant d'abord un tilemap qui définit une zone de grille où les sprites de tuiles sont placés.
Les calques de tri contrôlent quel calque apparaît au-dessus d'un autre, et le premier plan est créé dans un nouveau calque de tri.
De multiples palettes de tuiles uniques peuvent être créées, chacune pour une utilisation spécifique, comme une palette de premier plan.
Les outils de palette, comme l'outil de remplissage (filled box tool), permettent de dessiner rapidement des zones de fond complètes, tandis que l'outil pinceau (paint brush tool) ajoute des éléments de sprite individuels.

Foire aux questions

Qu'est-ce que je vais construire dans ce cours ?

Vous travaillerez avec des feuilles de sprites importées pour créer des niveaux, un joueur et des objets interactifs, y compris un arrière-plan et un premier plan sur lequel le joueur peut courir.

D'où viennent les assets 2D ?

Vous apprenez à importer des assets de jeu de type sprite en utilisant le Unity Asset Store et à modifier ces sprites importés en tuiles.

Quelles leçons sont incluses ?

Le cours comprend cinq leçons : Travailler avec des sprites, Créer l'arrière-plan, Créer le premier plan, Créer des niveaux (partie 1) et Créer des niveaux (partie 2).

Quels outils vais-je utiliser pour créer des arrière-plans et des premiers plans ?

Vous utiliserez la palette de tuiles et ses outils, tels que l'outil de remplissage (filled box tool) pour dessiner des images de tuiles répétitives, et l'outil pinceau pour ajouter des éléments de sprite sur la carte de tuiles (tilemap).

À quelles compétences ce cours est-il lié ?

Il est lié à des compétences incluant Cocos2D, Java 2D, l'Éditeur de niveaux, SpriteKit, Unity Container et UnityScript.