‫Content de te revoir.
‫Et cette vidéo, nous allons jeter un œil aux éléments de l'interface utilisateur et en particulier nous allons jeter un œil
‫au texte.
‫J'ai donc créé un nouveau projet.
‫Je l'appelle Pong Basics.
‫Et ici, je veux créer un élément d'interface utilisateur.
‫Donc, dans votre hiérarchie, je m'assure de faire un clic droit, puis je vais à l'interface utilisateur.
‫J'ai plusieurs options ici.
‫J'ai une image texte, un bouton d'image brute, etc.
‫Pour l'instant, je vais juste utiliser du texte.
‫Et comme vous pouvez le voir, le nouveau texte apparaît sur notre écran ici en bas à gauche.
‫Donc, si nous effectuons un zoom arrière sur la bonne position, nous verrons que c'est là que se trouve actuellement notre texte.
‫C'est en bas à gauche.
‫C'est donc le mode de rendu que nous avons pour notre toile, qui est la superposition d'espaces verts.
‫Donc, ce que cela fait, cela superposera tout ce que nous attribuons à la couche d'interface utilisateur ou à l'espace d'interface utilisateur ici au-dessus de notre
‫mode de jeu.
‫C'est notre vision du jeu elle-même.
‫Alors maintenant, peu importe ce que nous avons là-dedans comme objets de jeu, ou disons que nous ajoutons un cube 3D et une
‫position, il avait zéro zéro zéro.
‫C'est là que c'est.
‫Et comme vous pouvez le voir, c'est quelque part par ici.
‫Le mode de jeu lui-même est donc très petit par rapport à cet écran géant.
‫C'est juste une énorme couche, qui est notre couche d'interface utilisateur, notre toile, qui est placée dessus.
‫C'est donc ce que fait la superposition d'espace d'écran.
‫Il existe d'autres options pour, par exemple, la caméra spatiale à l'écran.
‫Ce que cela fera, c'est que vous devez lui donner une caméra ici, exécuter la caméra et cela adoptera une
‫approche différente.
‫Alors maintenant, cela dépend de l'emplacement actuel de la caméra et vous avez un certain canevas entre la caméra et le mode
‫de lecture.
‫Et c'est presque comme une couche sur le dessus, mais c'est quand même une approche légèrement différente.
‫Ensuite, vous avez WorldSpace où vous pouvez attribuer une hauteur et une hauteur spécifiques à votre toile et vous
‫pouvez modifier un calque supplémentaire, etc.
‫Nous utiliserons les différents modes de rendu tout au long du cours.
‫Donc dans les mots là-bas, vous les verrez en détail dans les prochaines vidéos ou dans les prochains chapitres.
‫Je voulais juste vous montrer rapidement les différents modes.
‫Maintenant, dans le canevas, nous avons le texte et en même temps, nous avons également créé un système d'événements.
‫Ainsi, chaque fois que nous créons une interface utilisateur et que nous n'avions pas d'élément d'interface utilisateur auparavant, notre canevas et notre
‫système d'événements sont créés pour nous directement, automatiquement.
‫Et j'ai créé le texte.
‫Comme vous pouvez le voir, c'est un enfant de notre canevas, il se trouve donc à l'intérieur de notre dossier canevas.
‫Et maintenant, nous pouvons aller de l'avant et modifier le texte, par exemple.
‫Donc, ici, nous avons eu un nouveau texte.
‫Changeons cela en un zéro pur.
‫Et comme vous pouvez le voir, nous pouvons à peine voir ce zéro.
‫Modifions donc la taille de la police à, disons, 50.
‫Et maintenant, vous pourriez dire, oh, --, où est-il passé ?
‫Je ne peux plus le voir.
‫Cela est dû au fait que la hauteur et la largeur ne correspondent plus à la taille de la police.
‫Donc notre texte.
‫L'élément lui-même, ou l'élément text UI a une hauteur de seulement 30, donc seulement si je l'augmente à quatre,
‫par exemple 60, je pourrai revoir mon numéro sur mon texte.
‫Maintenant, revenons à 30 et disons que je veux toujours le garder à 30, mais je veux toujours voir mon zéro, alors comment puis-je
‫le résoudre ?
‫Sinon, vous pouvez utiliser le débordement.
‫Ainsi, le débordement horizontal et le débordement vertical feront que, comme vous pouvez le voir, votre numéro apparaîtra toujours.
‫Maintenant, cependant, il est coupé.
‫Alors, comment puis-je déplacer mon zéro alors que vous pouvez le déplacer à partir d'ici ?
‫Faisons donc un zoom arrière jusqu'au point où nous pouvons réellement voir quelque chose afin que vous puissiez le déplacer ici.
‫Comme vous pouvez le voir avec notre éditeur de transformation ici ou avec nos outils de transformation.
‫Maintenant, vous pouvez le faire glisser et vous pouvez voir où il se trouve.
‫Une autre façon de changer la position de quelque chose est, bien sûr, de changer, de transformer ici directement afin que
‫vous puissiez ajouter des valeurs ici.
‫Vous pourriez donc dire que zéro zéro est la bonne position pour vous.
‫Maintenant, le zéro n'est pas au centre.
‫Pourquoi donc?
‫Eh bien, c'est parce que l'alignement de notre texte ici n'est pas centré.
‫Vous pouvez donc l'aligner au centre dans les deux sens et alors il sera parfaitement centré et vous pouvez
‫toujours changer cela en changeant l'ancre.
‫Donc ici, par exemple, maintenant c'est un préréglage d'ancrage au centre.
‫Vous pouvez l'ancrer en haut à gauche.
‫Alors maintenant ancrés en haut à gauche.
‫Comme vous le voyez, rien n'a changé à l'exception du poste Y et du X, donc ces deux valeurs ont maintenant changé.
‫Donc, si nous les ramenons à zéro et à zéro, vous pouvez voir que notre zéro remonte ou va parfaitement
‫au bord de notre coin supérieur gauche.
‫Maintenant, bien sûr, nous voudrions le déplacer un peu pour que nous voyions toujours le zéro, alors déplaçons-le dans
‫notre jeu maintenant, le noir pourrait ne pas être la bonne couleur pour vous.
‫Si vous voulez changer cela, vous pouvez accéder à la propriété de couleur ici et changer la couleur en, par exemple,
‫rouge ou blanc ou vert ou ce que vous voulez.
‫D'accord.
‫Alors prenons ce rose, car c'est lui qui rentre dans le bleu.
‫On le voit très bien.
‫Et puis ce que vous pouvez faire, c'est, bien sûr, modifier l'interligne.
‫Disons que vous avez une deuxième ligne ici.
‫Ensuite, vous pouvez modifier l'interligne, disons que vous voulez avoir une plus grande distance entre les
‫lignes, c'est donc l'interligne.
‫L'un est tout à fait bien.
‫Et enfin, bien sûr, vous pouvez changer la police à tout moment.
‫La norme est donc Israël et il n'y a pas d'autres polices.
‫Par défaut, vous pouvez télécharger des polices à partir du magasin de ressources ou vous pouvez les importer à partir de l'endroit où vous
‫les avez téléchargées.
‫Par exemple, vous les téléchargez sur votre machine et vous pouvez ensuite les importer à partir de là.
‫Mais veillez à ne pas télécharger des polices que vous ne possédez pas, car certaines polices coûtent de l'argent.
‫La plupart d'entre eux ne le font pas.
‫Il suffit donc de rechercher des polices gratuites ou des polices libres de droits, puis de les utiliser.
‫D'accord.
‫Voilà pour la police et le texte.
‫Et maintenant, regardons comment nous pouvons changer ce nombre par programmation dans la prochaine vidéo.