‫Bienvenue dans le chapitre Pong et cette vidéo, nous allons commencer par le menu principal de notre jeu et
‫nous devons donc simplement créer un nouveau projet.
‫Alors ouvrez, puis appuyez sur le bouton nouveau et créez un nouveau projet.
‫Nous allons appeler cela un clone de Pong, et ce sera un jeu de deux jours afin que nous puissions choisir de
‫mourir ici en tant qu'organisation.
‫Vous pouvez laisser tel quel.
‫Et puis nous créons le projet qui peut prendre quelques secondes, mais
‫dès que c'est fait, unity redémarre avec un nouveau projet dès que le projet s'ouvre.
‫Nous pouvons voir, comme toujours, une scène sans titre au début car nous n'avons pas encore enregistré la scène et
‫nous avons la caméra principale.
‫Dans mon cas, j'ai une mise en page, comme vous pouvez le voir avec l'inspecteur sur le côté droit.
‫Ensuite, nous avons la hiérarchie en bas.
‫Nous avons le projecteur et les robinets de la console.
‫Et au milieu j'ai mon jeu et ma scène.
‫Dans ma scène, je ne vois que la caméra.
‫Il n'a pas d'arrière-plan, comme vous pouvez le voir dans l'onglet jeu, que le jeu a en fait un arrière-plan.
‫Commençons donc par changer notre caméra principale.
‫Je veux que l'arrière-plan soit blanc, donc je clique sur la caméra principale ici à droite dans l'inspecteur, vous
‫pouvez voir qu'il y a un composant de caméra.
‫Et dans ce composant de caméra, il y a une propriété appelée background.
‫Et là, nous pouvons choisir de changer le fond en blanc, par exemple.
‫C'est maintenant que je le change en blanc et vous pouvez voir que notre jeu est devenu blanc.
‫Et ce que vous pouvez également voir, c'est que dans la scène, vous n'avez rien changé.
‫Et aussi ce qui est un paramètre important que nous avons fait juste en choisissant 2D comme paramètres de jeu, c'est que
‫ce bouton 2D ici sur le côté gauche, en haut est activé.
‫Vous pouvez désactiver à tout moment juste pour voir à quoi ressembleraient les choses en 3D.
‫C'est ce que la caméra est ici et elle regarde juste vers la fin là-bas.
‫Il a une composante de transformation avec la position de Z moins dix.
‫Si je choisissais zéro, vous pouvez voir que cela change un peu la valeur.
‫Notre caméra se dirige donc vers cette zone.
‫D'accord.
‫Revenons donc à D, car c'est ce que nous allons utiliser.
‫Et allons-y et créons un devis dans notre caméra principale.
‫Donc.
‫Droit.
‫Cliquez sur la caméra principale sur le côté droit et créez un objet 3D appelé quod.
‫Par cela, vous créez un carré pour l'instant et nous allons le mettre à l'échelle.
‫Je veux donc l'augmenter jusqu'à mille six cents pour ma valeur X et neuf cents pour ma valeur Y
‫parce que c'est six à neuf.
‫Je pense que c'est une bonne échelle, ce qui nous convient parfaitement.
‫C'est une échelle de soixante à neuf qui est utilisée par la plupart des moniteurs.
‫Et puis je renomme le quad et je l'appelle arrière-plan.
‫Si nous faisons un zoom arrière, nous pouvons voir que notre appareil photo est assez petit par rapport à notre quad.
‫Donc, ce que nous devons faire, c'est agrandir notre caméra quand ensuite le composant caméra, vous pouvez voir
‫qu'il y a une taille de cinq et nous pouvons l'agrandir jusqu'à 450 soldats et 450.
‫Et c'est à peu près toute la taille que prend notre arrière-plan.
‫Maintenant, le fond est blanc et c'est le fond de notre couleur, de notre appareil photo.
‫Mais notre fond lui-même n'a pas encore de couleur.
‫Comme vous pouvez le voir ici, il existe un composant appelé matériau par défaut, qui est vide.
‫C'est génial et il a un excellent matériau par défaut.
‫Il n'y a donc pas de défaut.
‫Il n'y a donc pas de matériel du tout.
‫Et si vous voulez changer cela, nous pouvons simplement créer un nouveau matériau.
‫Et je vais appeler ça un noir.
‫Et maintenant dans l'inspecteur après que j'ai choisi le matériau noir ici, vous pouvez voir sur le côté
‫droit, l'inspecteur dit que l'albédo de la carte principale est dit blanc.
‫Si je le change en noir, il obtient cette couleur noire.
‫Et si j'active les émissions, je peux le rendre super noir.
‫Si vous n'activez pas les émissions dans ce cas avec un noir, cela ne change pas grand-chose.
‫Mais dans d'autres couleurs, cela pourrait faire une différence.
‫Donc vous pouvez voir ici avec l'émission, vous pouvez changer un peu la couleur noire.
‫Même ainsi, je vais juste choisir le noir ici et maintenant je peux faire glisser ce noir dans mon arrière-plan.
‫Comme vous pouvez le voir maintenant, mon fond est noir.
‫Mais ce n'est que dans la scène.
‫Pourquoi n'est-ce pas dans le jeu et le jeu, c'est toujours blanc et cela a à voir avec la valeur de notre
‫caméra principale par rapport à notre arrière-plan.
‫Pour changer cela, nous devons changer la valeur de notre arrière-plan dès qu'il est supérieur à,
‫disons, deux, par exemple, il est déjà noir.
‫Nous allons donc le mettre au même endroit que notre caméra principale pour le moment.
‫Mettons-le donc à 10 maintenant.
‫Vous voyez, nous avons ce fond noir et nous pouvons changer le fond à tout moment si nous changeons le matériel.
‫Donc, si nous ajoutons un autre matériau à notre arrière-plan ou si vous le déplacez pour que vous puissiez voir ici maintenant, le
‫matériau a été choisi et il est complètement noir car cette scène va être notre menu principal.
‫Nous devrions également l'enregistrer comme cela.
‫Alors allons-y et les sauvegardes sont considérées comme des scènes sûres et nous l'appelons menu principal.
‫Sauvons-le.
‫Maintenant, vous voyez en bas à gauche, nous avons déjà préparé notre scène et c'est en sécurité ici.
‫Vous pouvez considérer des scènes comme dans, par exemple, le théâtre.
‫Ainsi, une scène est, par exemple, une scène d'action où plusieurs personnes se battent.
‫Et dans la scène suivante, vous avez une scène très relaxante où les gens ont juste une conversation et
‫ces différentes scènes que vous pouvez également voir dans l'unité, par exemple, une scène est le menu principal.
‫Eh bien, vous pouvez simplement vous détendre et choisir, puis vous avez la scène de jeu où vous jouez réellement.
‫Et puis vous pourriez avoir un match supervisé où, par exemple, vous ne voyiez que votre score ou vous pourriez voir qui
‫a gagné ce genre de choses.
‫Et c'est ainsi que nous allons utiliser les scènes en général.
‫Ainsi, par exemple, plusieurs niveaux différents dans un jeu vidéo peuvent être des scènes différentes.
‫Ainsi, chaque niveau peut être une scène différente, selon la façon dont vous configurez les choses.
‫D'accord.
‫Alors maintenant, ajoutons quelques éléments d'interface utilisateur à notre jeu.
‫Ce que je veux, j'aimerais ajouter, c'est un texte, par exemple, avec le nom ou le titre du jeu.
‫J'ajoute donc le texte et comme vous pouvez le voir ici, il a automatiquement créé un canevas et un système d'événements au sein
‫du canevas.
‫C'est ce que vous pouvez voir ici.
‫Sur le côté gauche, nous avons une couche supplémentaire.
‫C'est donc au-dessus de notre jeu en général.
‫Cela signifie donc que notre canevas n'a rien à voir avec les objets du jeu à l'intérieur du jeu.
‫Il ne prend vraiment en charge que les éléments de l'interface utilisateur tels que le texte, les boutons ou les images.
‫C'est donc ce que vous pouvez tous gérer dans le canevas, car un canevas n'est pas le nom parfait pour ce que
‫je veux avoir.
‫Je vais changer cela en menu principal parce que c'est ce que c'est.
‫Ainsi, le texte que vous pouvez voir ici en bas à gauche est mutex.
‫Maintenant, c'est juste génial ou c'est plutôt génial et nous pouvons le changer très facilement en changeant la
‫couleur de notre texte en blanc.
‫Alors maintenant, nous avons le nouveau texte sur le côté gauche qui est blanc.
‫Maintenant, vous pourriez vous demander pourquoi la toile est si petite par rapport à l'ensemble du jeu, c'est parce que j'ai fait le
‫jeu assez gros.
‫C'est l'une des raisons pour lesquelles vous avez généralement le jeu dans une très petite zone et ensuite vous avez
‫la toile comme une grande, grande et différente couche à une échelle complètement différente.
‫Mais dans mon cas, j'aimerais qu'il soit exactement de la même taille que mon arrière-plan et mon appareil photo principal.
‫J'ai les moyens dont j'ai besoin pour changer les valeurs de mon menu principal.
‫Je clique donc sur le menu principal, je vais dans le composant canvas et là je le change en screen space camera et je
‫fais glisser ma caméra principale.
‫Et maintenant, je change l'échelle de la toile kaylor pour l'échelle avec écran.
‫Donc, si je voulais partager avec la taille d'écran que je prends ici, déréférencer la résolution de
‫mille six cents fois 900 et le mode de correspondance d'écran devrait être dépensé de cette façon, notre mode d'écran s'étendra toujours en fonction de la taille
‫de l'écran et de la façon dont le l'écran change.
‫Cherchons maintenant le texte.
‫Si on regarde le texte, il est assez petit.
‫Nous ne pouvons pas le voir et il a une position différente, réduisez-le un peu pour la largeur que je prends cinq
‫cents pour la hauteur que je prends deux cents et comme taille de police, je voudrais prendre 150.
‫Maintenant, nous avons le problème que nous ne voyons pas le texte.
‫Pourquoi donc.
‫C'est à cause de la distance plane de notre toile.
‫Donc, si nous le changeons en un, nous pouvons voir notre texte ici.
‫Changeons le nom du texte car ce n'est pas le texte que je veux avoir ici.
‫Je voulais être le titre parce que ce n'est pas juste du texte, c'est vraiment le titre et le texte
‫du titre devrait être pongé.
‫Maintenant, la position n'est pas vraiment agréable.
‫J'aimerais qu'il soit centré.
‫J'utilise donc la valeur de position X de zéro, puis vous pouvez également modifier la valeur de position Y à zéro, par
‫exemple.
‫Et puis vous avez le pongé juste au centre.
‫Si vous souhaitez le déplacer maintenant, vous pouvez le faire ici sur le côté gauche en choisissant le bon outil
‫pour cela, puis faites-le simplement glisser vers le haut.
‫Maintenant, vous pouvez voir qu'il se déplace vers le haut et je pense qu'une bonne valeur serait de 300.
‫Alors maintenant, nous avons Pong au centre en haut avec suffisamment d'espace en haut.
‫Et puis en dessous, j'aimerais avoir le bouton play.
‫Et pour ajouter le bouton de lecture, nous devons faire une chose très similaire à ce que nous avons fait avec le titre.
‫Nous allons à notre menu principal et nous faisons un clic droit.
‫UI, puis nous choisissons Button, ils peuvent voir notre bouton, il est déjà là, il est automatiquement là.
‫Et je voudrais changer la taille du bouton en deux cents comme largeur et 100 comme hauteur.
‫Alors maintenant, nous avons notre bouton et je ne pense pas que ce soit une excellente interface.
‫Je voudrais le changer comme suit.
‫Je change la couleur de l'image.
‫Je le change en noir, par exemple, et maintenant on ne voit presque plus le texte.
‫C'est très, très petit parce que c'est à l'intérieur de cette propriété ici et il a une très belle couleur gris foncé que vous pouvez
‫voir ici à gauche.
‫Et je le change en blanc.
‫Maintenant, bien sûr, nous devons également modifier la taille de la police, par exemple, à 120.
‫Et si vous faites cela, vous voyez que tout d'un coup il disparaît donc vous ne pouvez plus le voir.
‫C'est parce que notre bouton avait juste la taille de 100.
‫Si je vais à, par exemple, une heure trente et que je change le débordement vertical en, par exemple, débordement,
‫vous pouvez voir à quoi ressemble notre bouton maintenant.
‫Donc c'est beaucoup trop gros.
‫Et c'est quelque chose que vous devez toujours tester.
‫Parfois, vous utilisez une taille de police qui ne correspond pas à la taille de l'objet du jeu lui-même.
‫Donc, dans ce cas, l'objet du jeu n'a qu'une hauteur de cent trente, mais Button a besoin de beaucoup plus
‫d'espace.
‫Ainsi, par exemple, si vous l'augmentez maintenant à 300, vous pouvez voir que le bouton déborde toujours.
‫Si nous le changeons en 400, c'est une taille qui convient à notre bouton.
‫Et maintenant, nous pouvons faire glisser notre bouton vers le bas, par exemple, moins deux cents.
‫Je pense que cela devrait être une bonne valeur.
‫Et ce que je n'aime pas, c'est que Pong n'est pas centré, donc le texte n'est pas centré, même
‫s'il est propriétaire.
‫C'est donc le titre de l'objet du jeu, son élément d'interface utilisateur est centré et nous pouvons changer cela en changeant l'alignement.
‫Donc, si nous modifions l'alignement pour qu'il soit centré, le texte sera également centré.
‫Maintenant, c'est OK en termes de taille et de taille de police et de couleur, etc.
‫Nous avons d'abord besoin, bien sûr, du texte brut ici.
‫Et ensuite, ce dont nous avons besoin, c'est d'une meilleure police parce qu'Israël va bien, mais c'est tellement, tellement standard.
‫Ce n'est pas vraiment une sorte de police de jeu.
‫Donc, ce que nous pouvons faire, c'est que nous pouvons Google pour de belles polices de jeu.
‫Et celle que j'aime est la police Monroe, la police Monroe.
‫Et si je cherche ça, vous pouvez le trouver sur dix à dix par vingt dotcom.
‫Alors ouvrons cela et vous pouvez voir que c'est gratuit et que vous pouvez l'utiliser librement pour vos jeux.
‫Ensuite, vous pouvez voir à quoi cela ressemble dans différentes polices et différentes tailles, etc.
‫Et je vais télécharger cette police maintenant et la décompresser, puis vous trouverez ces trois fichiers.
‫Donc, le Monroe Monroe étroit et le Monroe petit, vous pouvez tous les faire glisser et si vous le souhaitez.
‫Mais je vais juste utiliser Monroe 224e, donc je le fais glisser là-dedans.
‫Et maintenant, ce que je peux faire, c'est changer la police de mon.
‫Entré facilement en faisant glisser la police Monroe là-dedans, et vous pouvez voir qu'elle est bien meilleure.
‫Je fais la même chose avec le titre, alors glissons-le là-dedans.
‫Et ils traînent dans un sens.
‫Une façon de le faire.
‫Une autre façon de le faire est simplement d'appuyer sur ce petit cercle ici sur le côté droit et vous pourrez
‫alors voir tous les actifs disponibles.
‫Et je peux, par exemple, choisir Monroe ici.
‫Et nous y sommes.
‫Nous avons donc maintenant notre première partie de notre jeu, qui est notre menu principal.
‫Dans la vidéo suivante, nous allons ajouter une fonctionnalité de bouton de lecture.
‫Jusqu'à présent, nous avons l'interface pour démarrer le jeu et maximiser le jeu.
‫Voilà à quoi cela ressemblerait pour que nous jouions et que nous jouions et que ce soit un bouton, mais nous ne pouvons
‫pas appuyer dessus et si vous souhaitez appuyer dessus, nous devons créer un script.
‫Nous devons donc faire un peu de codage.
‫Et c'est ce que nous allons faire dans la prochaine vidéo.
‫Alors enregistrez la scène, assurez-vous de toujours enregistrer vos scènes car sinon les modifications que vous avez
‫apportées ne seront pas disponibles puis passez à la vidéo suivante.
‫D'accord.
‫On se voit là-bas.