Bienvenue à mes collègues développeurs de jeux
une toute nouvelle vidéo dans laquelle nous avons tout appris sur les sliders.
Nous en apprendrons plus sur le prochain maillage Pro et
nous créons également notre propre police.
À quel point est-ce excitant ?
Donc, ne perdons plus de temps et commençons.
Oh, l'affaire.
Il est donc temps d'ajouter un peu plus de saveur à
la façon dont notre santé se détériore par les ennemis.
Commençons donc.
La première chose que nous voulons faire
est de rendre la scène un peu plus grande.
Et nous allons double-cliquer sur
l'énorme canevas de l'interface utilisateur que nous avons.
Nous pouvons donc voir que nous avons,
ce qui se passe ici, l'
image décolorée que nous avons désactivée.
Et nous allons déplacer
les armes juste un peu vers la droite.
Et nous pouvons voir ici que
ces images doivent être à 0, 0,
sur le y et sur le x.
Juste pour que nous les ayons au milieu de la
non-interface utilisateur et les déplaçons vers le bas.
C'est juste un peu de réglage,
et voilà.
Maintenant, je vais mettre
l'arme à droite parce qu'à
gauche, je vais ajouter
quelque chose appelé curseur.
Avant cela, je vais créer ici un objet de jeu
qui représentera la santé.
Appelons simplement ça la santé.
On y va.
Et sous la santé, je vais cliquer avec le bouton droit de la
votre et créer quelque chose appelé le curseur.
Nous allons donc ajouter le curseur.
Comme vous pouvez le constater, nous avons créé un petit curseur.
Et le curseur fait quelques choses.
Il se déplace de gauche à droite.
Il a un contexte.
Si je l'ouvre, il a un arrière-plan,
une zone de remplissage et un curseur de poignée.
Si je clique sur le curseur ici,
vous pouvez voir qu'il y a un ou plusieurs composants de jeu
sur le curseur.
Et vous pouvez voir qu'il y a quelques choses.
La couleur normale, la couleur surlignée,
toutes ces bonnes choses.
Mais la chose sur laquelle nous voulons le plus se concentrer,
la valeur minimale, la valeur maximale
et la valeur ici.
Vous pouvez le constater, même si je l'augmente
à partir de gauche à droite,
et c'est ce que nous allons utiliser pour
représenter l'aide dont nous disposons.
Mais évidemment, faire bouger le curseur
gauche à droite est assez moche.
Vous ne voulez donc jamais que
votre santé soit représentée de cette façon.
Nous voulons donc avoir une sorte de barre pour représenter
la santé, comme nous l'avons fait dans
les gains d'apparence professionnelle.
Donc je vais tout d'abord
supprimer le curseur de poignée.
Donc maintenant, nous n'avons plus
ce petit ou pas ce qu'on appelle,
quelque sorte,
ce cercle qui se déplaçait
et maintenant nous ne voyons que la barre.
La prochaine chose que je souhaite faire, c'est
d'accéder à l'arrière-plan.
Et le fond.
Je vais cliquer ici.
Vous savez quoi ?
Avant cela, nous
allons ajouter ces sprites, les
éléments de l'interface utilisateur que nous allons utiliser.
Donc, dans les sprites,
c'est ouvrir ce dossier
et voyons ce que nous avons ici.
Nous allons cliquer avec le bouton droit sur créer un nouveau dossier
pour les éléments de l'interface utilisateur.
Double-cliquez ici et allons dans les ressources.
Comme vous pouvez le constater, je vous ai fourni quelques
barres et vous pouvez utiliser la couleur que vous voulez.
Vous avez également ici les boutons que
nous utiliserons ultérieurement et la police.
Je vais donc choisir la police,
le curseur rouge et l'arrière-plan du curseur.
Et je vais les faire glisser dans l'élément UI.
Ok, super.
Passons maintenant au curseur.
Appelons ça le curseur santé.
Et si nous cliquons sur l'arrière-plan,
vous pouvez voir que nous pouvons modifier l'image source.
Donc l'image source que je veux avoir ce curseur.
Donc, quand je l'ajoute ici, vous y allez.
Vous pouvez voir le curseur maintenant
si je le mets à la taille native,
c'est un peu énorme.
On va peut-être le rendre un peu plus petit.
Mais le fait est que nous avons maintenant ce curseur d'arrière-plan.
Et je veux m'assurer que lorsque je
clique ici et que je maintiens Alt enfoncée,
il remplit toute l'image du curseur,
pas seulement sur lui-même.
Nous avons donc l'élément curseur santé.
Si nous cliquons sur les outils de rack,
vous pouvez voir les bords de celui-ci.
Et avant que nous ayons cela,
vous pouvez voir que les bords sont les bords.
On y va. Ces quatre points, c'
étaient les bords du curseur de santé,
mais l'arrière-plan était beaucoup plus grand.
Ainsi, lorsque nous cliquons,
maintenez la touche Alt enfoncée et que nous cliquons sur l'étirement,
nous remplissons le curseur entier.
Ensuite, nous avons la zone de remplissage.
Maintenant, lorsque nous voulons remplir la zone,
vous verrez qu'il s'agit d'une ligne blanche très moche.
Ce que nous allons faire, c'est que nous allons accéder au remplissage.
Et vous pouvez voir que nous pouvons aussi
changer cette luminosité et je vais
utiliser le curseur rouge.
Maintenant, nous pouvons cliquer ici et vous verrez que
c'est beaucoup plus joli, n'est-ce pas ?
Pas si vite, car nous voulons également nous
assurer que la zone de remplissage lorsque nous cliquons ici,
maintenez la touche Alt enfoncée, qu'elle s'étire
tout autour de la zone du champ.
Et ensuite, la zone de remplissage doit également
s'étirer et jusqu'à l'arrière-plan.
Mais parce que nous travaillons en arrière-plan.
Et nous voulons voir le contexte.
Je veux dire, nous allons le rendre plus petit
et donc il s'inscrit exactement dans ce contexte.
Ça a l'air assez bien.
Je vais donc le déplacer un peu plus haut.
Et d'accord, donc on y va.
Nous pouvons voir que nous pouvons sélectionner le curseur santé et
commencer à partir de 0 et l'augmenter jusqu'à ce qu'il devienne un.
Maintenant, comment allons-nous changer
la santé en fonction de notre propre santé ?
Ce sera une vidéo pour plus tard.
Mais pour l'instant, comme vous pouvez le constater,
nous avons créé tout ce dont nous avons
besoin pour le curseur santé.
Je vais faire un zoom arrière un peu.
Et peut-être que je vais vraiment
agrandir le curseur.
Augmentons donc la taille.
Et comme vous pouvez le constater,
parce que tout est ancré à ces points,
ils se développent en douceur.
Allons le rendre un peu plus épais.
De toute évidence, cela va devoir changer un peu.
Et je vais déplacer l'élément santé vers le bas,
puis faire un zoom arrière, voir à quoi cela ressemble.
On y va, ici,
je pense que c'est bien.
Ou peut-être le déplacer un peu ou non,
gardons ça ici.
En bas, c'est bien ici.
Zoomons avant.
Peut-être que c'est un peu plus long.
Au fait, toutes les
choses que je fais dépendent de moi.
Donc, si vous voulez créer quelque chose de différent,
soyez mon invité.
Je vous recommande d'essayer de
créer votre propre type de curseur.
Remplissons-le juste pour que nous ayons
les bonnes dimensions.
Et voilà,
à gauche, en
haut et à gauche.
Bon, donc on y va.
C'est notre santé et ça a l'air vraiment beau,
je pense donc si je maximise le jeu et que je joue au jeu,
voyons à quoi ça ressemble.
Bon, donc on y va. Nous avons la santé,
nous avons le fusil.
Il y a encore une chose qui manque, c'est-à-dire que
nous voulons également représenter la santé à l'aide de texte.
Tout d'abord, c'est ce que notre jeu de zombies,
et je pense que c'est vraiment joli.
Deuxièmement, ce sera un bon moyen de savoir à quel point
nous sommes en train de changer
et d'en apprendre davantage.
Nous allons donc y ajouter un texte ici.
Mais cette fois-ci, parce que nous allons ajouter notre propre police,
nous allons ajouter non seulement un texte,
mais nous allons ajouter un texte Mesh Pro.
Donc, si je clique ici,
vous pouvez voir que vous devrez
importer quelques éléments essentiels.
Il suffit de cliquer sur le premier et d'attendre qu'il soit importé.
Si cela prend trop de temps,
je vais réapparaître comme par magie.
C'est bon, c'est fait.
On y va. Nous avons maintenant
quelque chose appelé le texte Mesh Pro.
Et je vais appeler cela le texte sur la santé.
Appuyez sur Entrée. Et déplacons-le un peu vers la gauche.
Donc, ici, faisons-le audacieux.
Et vous pouvez voir qu'actuellement la police utilisée dessus
est le sens de la libération ou quelque chose comme ça.
Mais nous voulons utiliser la police que
je vous ai fournie dans les ressources,
téléchargée depuis le font.com.
Oh mon Dieu, ça de toute façon,
comment allons-nous convertir cela en police ?
Eh bien, si nous allons quelque part ici dans
le texte de Windows Mesh Pro,
vous pouvez voir que nous avons l'option
pour le créateur de polices.
En cliquant ici, il vous demandera le fichier de police source.
Faites-le glisser ici.
Et il vous dira simplement de créer un Atlas sympathique.
Économisez.
Et il vous demandera où voulez-vous le sauvegarder ?
Nous allons l'enregistrer à l'intérieur des polices ici.
Ou dans l'élément UI.
Gardez ça.
Super.
Donc maintenant, si nous abordons les éléments de l'interface utilisateur,
vous pouvez voir que nous avons la place ici.
Il y a un tas de propriétés dans lesquelles je ne vais
même pas essayer d'entrer.
Donc, les textes de santé font simplement glisser la police dans sa position.
Et voilà, nous pouvons voir que nous avons
une police différente en ce moment.
Maintenant, je le recommande car comme je l'ai dit plusieurs fois,
je suis très mal en train de dessiner des choses.
Et j'ai un très mauvais goût quand il
s'agit de couleurs, de texte et
de tout ce qui est lié
à faire paraître quelque chose de joli.
Je vous recommande donc
essayer peut-être de trouver un meilleur texte que celui-ci.
Mais pour l'instant, essayons de créer
le type de système de santé et peut-être de le rendre automatique.
La taille automatique signifie qu'elle va croître et se
rétrécir avec la taille de celle-ci. Oui, on y va.
Je vais donc le rendre plus grand, le rendre audacieux.
Et ce qui est génial avec texto Mesh pro, c'
est que nous pouvons changer
beaucoup de choses pour ajouter de l'éclairage,
nous pouvons ajouter des sous-vêtements,
nous pouvons ajouter une sorte de
lueur et vous pouvez jouer avec ceux-ci.
Nous pouvons également ajouter un plan.
Donc si j'ajoute un peu d'épaisseur,
vous remarquerez que nous avons le contour,
nous pouvons changer le décalage,
le carrelage, la vitesse,
beaucoup, beaucoup de choses étonnantes.
Et je vais faire un contour blanc
juste pour que nous puissions tout voir plus clairement.
Peut-être.
On y va, cent cent.
C'est ça l'aide.
Nous pouvons changer beaucoup de choses que la
couleur et ainsi de suite et ainsi de suite.
Et tant que nous serons là,
je vais aller de l'avant et vous lancer un défi.
Votre défi consiste donc à configurer votre propre interface utilisateur.
Faites donc quelques recherches et trouvez
vos propres éléments d'interface utilisateur à utiliser pour votre jeu.
Utilisez ces éléments pour configurer votre canevas d'interface utilisateur pour
le lecteur et pensez à d'
autres éléments que vous souhaitez afficher à l'écran.
Par exemple, vous voudrez peut-être avoir nos opérations.
Vous voudrez peut-être avoir un compte à
rebours pour le fusil de chasse.
Vous voudrez peut-être juste le fusil de chasse pour l'arme,
le fringant ou autre.
Je ne sais pas ce que vous voudrez d'autre.
Quoi que vous vouliez, pensez-y, j'ai essayé de l'ajouter.
Vous, même si vous ne savez pas comment créer ce qui devrait simplement le
mettre là et ensuite l'écrire.
Vous trouverez peut-être les scores au fur et à mesure.
Ou peut-être que par vous-même,
vous y trouverez une solution.
Et il y a un défi supplémentaire.
Je vous recommanderai d'aller de l'avant et de convertir
le nom des armes que nous affichons sous le fusil de chasse.
Mais je dois vous avertir qu'il faudra un peu de
réglages avant que vous puissiez réellement
changer le nom de l'arme.
Il s'agit donc de mettre en pause la vidéo dès maintenant
et de relever le défi.
Bon, bon retour.
Cette vidéo est déjà un peu trop longue,
donc je ne vais pas changer
de nom pour elle maintenant.
Plus tard, il est évident que nous allons le changer.
Je vais aller de l'avant et appliquer
toutes les modifications que nous avons apportées au canevas de l'interface utilisateur.
Et maintenant, lorsque nous lançons le jeu,
et maintenant nous pouvons voir
que nous pouvons passer au pistolet, courir partout.
Nous avons la santé, nous avons
le pistolet et quelqu'un est coincé quelque part.
Oh, donc nous sommes morts au,
la lumière exactement sur
ce point bizarre sur l'ennemi.
Il y a donc un problème.
De toute évidence, nous nous occuperons de cela plus tard.
J'espère que ça vous plaira.
J'espère que vous commettez vos changements.
Et je vous verrai dans la prochaine vidéo,
où nous allons effectivement accéder aux sprites de
l'interface utilisateur et les mettre à jour. Alors, à ce moment-là.
Hé Michael, venu du futur,
tu pensais avoir fini avec moi ?
Non.
Vous ne l'étiez pas.
Il y a donc quelque chose ici quand je suis venu pour
commettre mes changements,
et c'est le maillage des piles acides.
Et si je vais ici,
Où puis-je trouver cela dans les ressources,
vous pouvez voir que nous avons créé
ce fichier de maillage de texte et ce maillage de texte.
Voyons les propriétés qui s'y trouvent.
Est-ce que je peux voir la taille ?
Non, je ne vois pas la taille,
donc je pense que nous n'avons pas vraiment besoin
l'enregistrer dans nos commits.
Donc, ce que nous pouvons faire juste pour économiser un peu d'espace,
je vais cliquer ici avec le bouton droit de la souris.
Et nous allons ignorer tout ce qui
trouve sous le texte des ressources Mesh PRO.
Bon, on y va. Nous n'avons pas besoin de cela.
scène tout et appelez cela des éléments d' interface utilisateur ajoutés
à Canvas pour
représenter la santé et j'ai créé ma propre boutique.
Je vais donc commettre ces changements
et je vous verrai dans la prochaine.
Je promets que je suis parti en ce moment.