Création de Menus dans Unity avec Text Mesh Pro

Découvrez comment configurer des menus de Room dans Unity en utilisant les composants UI et Text Mesh Pro pour créer des interfaces utilisateur interactives.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons apprendre à créer des menus de Room dans Unity en utilisant les composants UI et Text Mesh Pro. Nous commencerons par désactiver l'objet GameObject initialement utilisé, puis ajouterons un nouvel élément 'Create Empty' dans le Canva. Ce nouvel élément sera renommé en 'Room Menu Parent' que nous allons configurer pour qu'il s'étire (Stretch) correctement.

Ensuite, nous ajouterons plusieurs éléments UI comme un texte que nous nommerons 'Room Name'. Nous paramétrerons ses dimensions et son ancrage pour qu'il soit bien positionné. En suivant, nous ajouterons une image pour représenter la liste des joueurs dans la room, avec des marges ajustées et une couleur adaptée pour plus de lisibilité. Cette image sera également dotée d'un 'Vertical Layout Group' pour gérer l'espacement des éléments internes.

Nous conclurons avec l'ajout de deux boutons, 'Live Room' et 'Start Game', pour permettre respectivement de quitter la room et de démarrer le jeu. Ces boutons seront ensuite dupliqués et modifiés pour créer un nouveau menu 'Find Room Menu Parent' qui permettra de trouver et accéder aux rooms disponibles. Nous veillerons à renommer et ajuster les éléments en conséquence pour une interface utilisateur cohérente et fonctionnelle.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Créer des menus de Room dans Unity.
  • Utiliser les composants UI et Text Mesh Pro pour des interfaces utilisateur.
  • Configurer l'étirement (Stretch) et le paramétrage des éléments UI.
  • Ajouter et personnaliser des boutons pour différentes actions.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :

  • Avoir des bases en développement avec Unity.
  • Connaître les composants UI de Unity.
  • Avoir des connaissances en C# pour des scripts basiques.

Métiers concernés

Cette compétence est particulièrement utile pour les métiers suivants :

  • Développeur de jeux vidéo.
  • Designer UI/UX pour jeux.
  • Testeur QA spécialisé en interfaces utilisateur.

Alternatives et ressources

Vous pouvez également utiliser d'autres moteurs de jeu comme Unreal Engine ou Godot pour créer des interfaces utilisateur similaires.

Questions & Réponses

Le 'Room Menu Parent' sert de container pour organiser les différents éléments UI comme les textes, images, et boutons, facilitant ainsi leur gestion et positionnement dans la scène.
Ajouter un 'Vertical Layout Group' permet d'espacer uniformément les éléments enfants de l'image, améliorant ainsi la lisibilité et l'organisation de l'interface utilisateur.
On peut ajuster la position d'un texte en modifiant ses propriétés d'ancrage et de marges, comme utilisé avec ALT et SHIFT pour centrer et ajuster la marge supérieure d'un texte.