Comment créer un jeu de plateforme 2D pour Android dans Unity - première partie
Ma femme jouant simple plateforme. Elle a immédiatement travaillé sur la façon de le casser ...
Si vous êtes tous intéressés par le développement de jeux vidéo, alors vous devriez certainement vérifier l'unité. L'unité est un 2D et moteur de jeu 3D ainsi qu'un outil IDE et constructeur qui permet de faire des jeux de calibre professionnel avec très peu dans la voie de la connaissance de la programmation.
Pour en savoir plus sur pourquoi l'unité est grande, consultez mon introduction à l'unité après. Cela vous aidera également à se mettre en place, mais pour résumer: vous devez télécharger l'unité 5 lui-même, Visual Studio pour votre codage et le SDK Android qui sera utile à la fin. Vous devez également vous inscrire pour un compte gratuit.
Une fois que vous avez téléchargé et installé l'unité et Visual Studio, vous serez en mesure de lancer le logiciel et sélectionnez « Nouveau » pour commencer.
J'appelle mon projet « Rushdy Worm » qui est le nom d'un personnage que je dessinais - et aussi le premier jeu complet que j'ai jamais créé!
Une fois que vous avez chargé votre nouveau projet, vous serez accueilli avec un écran vide comme ceci:
Vos fenêtres peuvent être organisées un peu différemment, mais vous devez toujours avoir la même sélection pour commencer. La première chose que vous allez avoir besoin est le volet « Projet » qui est sur le fond pour moi. C'est là que vous pouvez voir tous les dossiers contenant vos différents fichiers. Sélectionnez le dossier « Actif », et il ouvrira à droite. Maintenant, cliquez droit dans ce dossier et sélectionnez « Créer> Dossier ». Vous allez appeler ce nouveau dossier « Sprites ». Pouvez-vous deviner ce qu'il va contenir?
Pour cette première version du jeu, j'ai créé deux sprites: « terrain » et « Rushdy » qui représentent la dalle de plancher et le personnage principal respectivement. Vous pouvez utiliser le mien par un clic droit et économie, ou vous pouvez créer votre propre (je ne doutera pas ...). Une fois que vous avez créé votre dossier « Sprites », vous pouvez simplement faire glisser et déposer sprites il de votre explorateur de fichiers. Il est alors question de les glisser dans votre volet « scène » à quel point ils font partie du jeu. C'est là que vous pouvez organiser tous vos éléments individuels dans un niveau. Vous pouvez également faire glisser les choses autour de l'écran ou faire défiler la page en maintenant « alt » et en faisant glisser. Pincez ou utilisez votre molette de défilement pour zoomer et dézoomer. Essentiellement une « scène » est un niveau, bien que dans l'avenir, il pourrait aussi être une page de menu ou un autre écran dans le jeu. Vous pouvez également utiliser la vue « Jeu » afin de voir ce que votre appareil photo verra au point de départ du niveau.
Cliquez sur « Play » maintenant et vous serez accueilli avec votre personnage et votre tuile terre planant dans l'espace. Il est pas très amusant à ce point ...
Maintenant vient la partie où vous êtes étonné de voir à quel point simple et facile l'unité fait tout ... Tout d'abord, cliquez sur votre tuile sol dans la vue de la scène. Cela vous présentera quelques informations dans une autre fenêtre appelée le « inspecteur ». Cela vous indique les attributs associés à ce particulier objet de jeu (comme la taille et de l'angle) et nous permet de les modifier au désir de notre cœur.
Tout d'abord, vous devez choisir « Ajouter un composant » puis 'Physique 2D> Box collisionneur 2D. Cela devrait créer une mince surbrillance verte autour de votre tuile sol. Cela définira où la détection de collision début et de fin pour cet objet. Si vous aviez un objet plus détaillée, vous pouvez sélectionner « collisionneur Edge », ce qui créerait un collisionneur moins uniforme.
Maintenant, faites la même chose pour l'image-objet joueur. Mon sprite joueur est essentiellement un rectangle, qui va rendre la vie agréable et facile pour moi. J'ai aussi choisi un sprite qui fait face à l'avant pour que je puisse partir sans lui animant.
À ce stade, nos deux objets sont maintenant « solide » dans la mesure où l'unité est concernée, mais il n'y a pas de gravité. Pour changer cela, sélectionnez votre personnage principal et choisissez « Ajouter un composant » puis « 2D modèle du solide indéformable » qui ajoute la physique 2D à votre élément donné. Cliquez sur le jeu et vous verrez le caractère d'abandon de l'air et de la terre sur le terrain. Il est toujours pas amusant, mais il commence à ressembler à un jeu ...
La plupart des jeux nécessitent une certaine forme d'entrée pour être amusant, donc nous allons ajouter des contrôles à notre petit personnage. Pour ce faire, nous allons essayer notre premier bit de code. Ne vous inquiétez pas, il est assez facile à ce moment.
Tout d'abord, créez un nouveau dossier de l'actif et l'appeler « Scripts ». Maintenant, dans ce répertoire, faites un clic droit et sélectionnez « Créer> C # Script ». Appelez-le « contrôle » et puis double-cliquez dessus pour lancer Visual Studio pour l'édition. Il vous sera présenté avec un écran comme celui-ci:
Le bit de base de la structure que vous êtes présenté avec fait aussi des choses tout à fait simple. Tout ce qui se passe à l'intérieur de démarrage va déployer dès que l'objet associé est créé (pour nos fins, ce sera lorsque le niveau / jeu commence). La fonction de mise à jour fonctionne quant à lui en permanence et tout ce que vous mettez ici arrivera en permanence à chaque fois que la scène rafraichit.
tutoriel Java pour les débutants
Si vous êtes prêt à apprendre quelques C # de base, vous pouvez commencer à faire toutes sortes de choses de fantaisie avec votre jeu. Mais sinon, vous pouvez vous en tirer aussi facilement par le code d'emprunt d'autres personnes - soit en regardant en ligne ou en utilisant le « Asset Store » qui vous permet de trouver des scripts, des actifs, des sons et plus créé par la communauté. Une partie de c'est gratuit, certaines d'entre elles vous devrez payer. Un nombre surprenant de choses ne nécessitent pas les scripts du tout non plus.
Dans ce cas, vous pouvez utiliser le code que j'ai créé pour ajouter des contrôles très simples à votre personnage:
Ici, nous créons une variable à virgule flottante appelée et de vitesse de déplacement de la rendre publique afin que nous puissions accéder à l'extérieur de ce script. Nous créons également une référence à la RigidBody2D que nous avons ajouté à notre caractère et appelant que rb. Vous serez en mesure de définir la valeur de vos variables publiques à l'aide de l'inspecteur de l'objet de jeu auquel le script est attaché.
Dans la fonction « Start », nous disons que l'unité rb est le composant RigidBody2D attaché à notre objet de jeu. Dans « Mise à jour », nous sommes à votre écoute pour l'entrée flèche flèche gauche ou à droite, puis en ajoutant la vitesse à ce modèle du solide indéformable. En gros, nous racontons la physique attachés à notre joueur qu'il a maintenant une certaine dynamique cap gauche ou à droite.
Maintenant, tout ce que vous devez faire est de retourner à l'unité et faites glisser le script « contrôle sur votre lecteur. Ceci est quelque chose que vous aurez besoin de faire beaucoup - et vous trouverez très facile d'oublier! Ne pas oublier de changer de vitesse de déplacement à « 3' dans l'inspecteur soit (ou quelle que soit la vitesse que vous aimez!). Maintenant, quand vous frappez le jeu, vous serez en mesure de contrôler le caractère à gauche et à droite avec les touches fléchées. Nous ajouterons la saisie tactile plus tard.
Maintenant, je vais faire quelques petits changements. Tout d'abord, je vais traîner ma plate-forme à partir du coin gauche à droite pour le rendre beaucoup plus large. J'ai conçu délibérément un sprite ici qui ne regarderait pas « tendue » qui fera la conception des niveaux agréable et facile. Vous pouvez aussi le faire en sélectionnant l'outil de modification de taille dans la partie supérieure gauche de l'interface, ou en changeant l'échelle de l'inspecteur. Les choix.
Ensuite, je vais prendre mon appareil photo dans le volet de gauche de « hiérarchie » et faites-le glisser pour le déposer sur mon objet de jeu de joueur (appelé « Rushdy » dans mon cas). Cela rend la « caméra principale » un « enfant » de Rushdy (félicitations, il est un appareil photo de bébé!). Essentiellement, cela signifie que la caméra se déplace maintenant quand le personnage se déplace. J'ai aussi laissé tomber mon droit de la caméra dans le centre du joueur en cliquant dessus dans la vue de la scène, puis en sélectionnant l'outil de déplacement dans la partie supérieure gauche. Cela nous permet maintenant de passer devant le droit de l'écran sans perdre de vue le caractère.
Lorsque vous créez un vrai jeu, vous voulez donner à votre appareil photo des contrôles plus complexes pour améliorer le gameplay. Pour l'instant cependant, cela suffira. (Si vous voulez en savoir plus sur les caméras 2D, consultez cet article sur la théorie et la pratique des caméras à Side-changeurs.)
Sauf qu'il ya un petit problème que nous devons changer. En ce moment, si vous marchez le bord de la plate-forme le caractère tournera hors de contrôle et la caméra tournera avec eux! Cela fait une expérience plutôt nauséabonde, cliquez donc sur votre personnage joueur puis cochez « Gel Position Z » sous « 2D modèle du solide indéformable> Contraintes. Maintenant Rushdy tombera sans tourner autour - comme un personnage de la plate-forme normale. Rushdy est une chose assez bizarre pour commencer; il n'a pas besoin de plus de bizarreries pour les autres personnages du jeu pour le taquiner au sujet de ...
J'ai aussi régler la position « Z » à 20 et changé la caméra principale légèrement en définissant « Projection » à « Perspective ». Cela signifie que l'arrière-plan apparaît maintenant plus loin que le premier plan et ainsi se déplacer plus lentement que nous défiler. Ainsi, nous avons la profondeur.
Ce ne peut guère comme un jeu à ce stade, mais nous avons maintenant un petit personnage qui peut se déplacer autour de l'écran, ce qui est plus que suffisant pour impressionner nos Mamans. L'étape suivante consiste donc à installer sur nos appareils Android - mais avant que nous puissions le faire, nous devons ajouter des commandes à écran tactile.
(Pour ceux qui se demandent ... oui, le système actuel fonctionne avec un clavier Bluetooth!)
Pour ajouter ces contrôles, allez à gameobject et sélectionnez « UI> Image ». Lorsque vous faites cela, vous allez créer une nouvelle image et en même temps vous allez créer une « toile » qui est une couche flottante qui apparaîtra sur votre scène et votre maison des éléments de l'interface utilisateur (contrôles, santé, vit etc.) . Tout ce que vous voulez agir comme un élément d'interface doit être un enfant de votre toile.
Sélectionnez votre nouvelle image et utilisez le bouton en haut à gauche de l'inspecteur pour l'ancrer à droite en bas de l'écran. Maintenant, copier et coller cette image et ancrer le nouveau bas à gauche. J'ai créé un sprite flèche trop que je glissés et déposés dans la boîte « Image Source » dans l'inspecteur. J'ai utilisé la même image de flèche pour les deux, mais définir l'échelle de « -1' pour celui de gauche afin qu'il semble inversé.
Vous devez également vous assurer que ces flèches sont la bonne taille et dans la bonne position. Vous pouvez le vérifier en cliquant sur le jeu pour voir à quoi il ressemble. Nous allons aussi ajouter ces deux flèches pour un montant supplémentaire de l'objet « conteneur » par un clic droit sur la toile et en choisissant « Créer vide. Ancrer cet objet vers le bas et cliquez sur « stretch » pour le rendre aussi large que l'écran. Maintenant, faites glisser vos deux flèches en ici.
J'ai appelé mon contenant « TouchController » parce que je manque d'imagination. Ne vous inquiétez pas si cela prend un peu tâtonner pour obtenir tout droit. À la fin, il devrait tout ressembler à ceci:
Ensuite, nous allons ajouter deux nouvelles booléens publiques (variables vraies ou fausses) à notre script appelé contrôles moveright et moveleft. Ensuite, ajoutez ce bout de code à la fonction de mise à jour:
Assurez-vous que lorsque vous faites ce que votre code n'est pas dans l'une de vos déclarations « si ». Maintenant, chaque fois que la scène rafraîchit notre personnage se déplace à gauche ou à droite en conséquence, tant que le booléen pertinent est « vrai ». Nous devons le faire de cette façon parce que nous ne pouvons détecter les boutons en descendant ou être libérés - nous ne pouvons pas vérifier s'ils sont actuellement détenus.
Votre code devrait ressembler à ceci:
La prochaine étape, nous créons un nouveau script dans notre dossier scripts et de l'appeler « Touch ». Ne vous inquiétez pas, nous y sommes presque!
Notez que ce code fait référence aux booléens publics attachés à notre script appelé contrôles moveright et moveleft. Nous avons créé des fonctions pour définir ceux-ci comme vrai / faux et maintenant nous avons juste à les associer à nos contrôles.
Faites glisser le scrip « Touch » vous venez de créer et déposez-le sur le « TouchController » objet vide (ce qui est un enfant de votre toile et parent de vos deux images flèche souvenez-vous). Maintenant, sélectionnez le bouton droit et dans l'inspecteur aller à « Ajouter un composant> événement> événement déclencheur. Créer deux déclencheurs d'événements en sélectionnant « Ajouter un nouveau type d'événement » et faire ces « pointeur vers le bas » et « pointeur vers le haut ». Ceux-ci représentent les images étant cliqués et libérés respectivement.
faites glisser à côté et déposer le conteneur TouchController (pas le script) dans la boîte qui dit: « Aucun (Object). Vous pouvez maintenant choisir une fonction par sélection « Touch » (script) à partir du menu déroulant, puis en choisissant le vide public créé à cet effet. Donc, pour votre événement déclencheur « pointeur vers le bas » sur la flèche de droite, vous voulez choisir le Rightarrow public void et pour « Pointer Up » vous devez choisir ReleaseRightArrow. Ce sera alors exécuter le code que vous avez ajouté à cette fonction et modifier vos booléens MoveRight et moveLeft en conséquence. Faites la même chose pour la flèche gauche.
Maintenant, si tout fonctionne correctement, vous pouvez exécuter le jeu et vous devriez être en mesure de contrôler le caractère soit en cliquant sur les commandes à l'écran ou à l'aide du clavier!
Ouf! Maintenant, tout ce qui reste est pour nous de créer un APK ...
Maintenant, sélectionnez « Fichier> paramètres de construction et assurez-vous de faire glisser la scène que vous venez d'enregistrer dans « Scènes Build ». Lorsque vous avez plusieurs scènes, celle au sommet sera celui qui montre tout d'abord lorsque vous chargez votre application (donc ce sera finalement un menu ou un écran de titre). Vous aurez également besoin de choisir votre plate-forme ici, qui sera « PC, Mac et Linux autonome » par défaut. Sélectionnez « Android » puis cliquez sur « Switch Platform ».
Maintenant, appuyez sur « Paramètres du lecteur et vous verrez un tas d'autres options ouvertes dans l'inspecteur. C'est là que vous pouvez créer votre signe clé privée et le nom du package ( « identifiant paquet ') comme vous le feriez dans Android Studio. Vous aurez également besoin de montrer l'unité où votre SDK Android est situé, que vous faites en allant dans « Edition> Préférences> Outils externes. Assurez-vous au moment de choisir le niveau de l'API que vous avez la plate-forme Android est bien installé.
Cliquez sur « Build » pour créer votre APK et vous pouvez l'essayer sur votre appareil!
Vous pouvez l'essayer pour vous-même en consultant le projet sur GitHub. Et vous pouvez également trouver là-bas APK si vous ne voulez pas faire vous-même. Ensuite, vous pouvez avoir des heures de plaisir déplacement gauche et à droite contre un ciel rempli d'étoiles. On peut toujours prétendre que c'est un jeu indépendant artistique?