Vous pouvez rapidement créer des interfaces utilisateur graphiques de haute qualité avec des exigences de script minimales en utilisant les objets UI intégrés. Selon l'endroit où vous le créez, l'UI s'affiche soit à l'écran, soit dans le monde 3D d'un jeu.
UI à l'écran
Les conteneurs à l'écran contiennent des objets UI que vous souhaitez afficher sur l'écran d'un joueur, y compris des cadres, des étiquettes, des boutons, et plus encore. Tous les objets UI à l'écran et le code sont stockés et modifiés sur le client.

UI dans le jeu
Les conteneurs dans le jeu tels que SurfaceGuis et BillboardGuis contiennent des objets UI que vous souhaitez afficher dans le monde 3D de votre jeu.
Objets UI
La plupart des éléments UI sont des GuiObjects, des objets d'interface utilisateur graphique 2D que vous pouvez parenté à des conteneurs. Les quatre plus courants sont des cadres, des étiquettes, des boutons, et des objets d'entrée de texte.

| Objet | Description |
|---|---|
| Frame | Frames agissent comme des conteneurs pour d'autres objets UI. Lorsque vous manipulez des cadres, vous manipulez également les objets qu'ils contiennent. |
| Label | Les objets TextLabel et ImageLabel vous permettent d'afficher du texte et des images personnalisables. |
| Button | Les objets TextButton et ImageButton permettent aux utilisateurs de déclencher une action. |
| Text Input | Les objets TextBox permettent aux utilisateurs d'entrer du texte. |
En utilisant les propriétés Position, Size, AnchorPoint, et ZIndex, vous avez un contrôle total sur la façon de positionner, dimensionner, et superposer les GuiObjects. Vous pouvez également utiliser le tweening pour faire passer un GuiObject en douceur d'un état à un autre et fournir un retour visuel dynamique.
Mise en page et design
Au-delà des propriétés de base pour ajuster la position et la taille, Roblox fournit également des structures de mise en page comme liste/flex et grille, ainsi que des modificateurs de taille et des modificateurs d'apparence.


Style universel
Le style universel est une solution Roblox pour les feuilles de style, similaire au CSS, qui vous permet de déclarer et d'appliquer globalement des remplacements aux propriétés des instances UI. Ce support au niveau du moteur est la base de l'Éditeur de style et du pipeline de jetons de bout en bout.
Cadres interactifs
En plus des objets d'interface utilisateur de base, les cadres suivants fournissent une interactivité intégrée et personnalisable pour vos jeux.
Invites de proximité
Les invites de proximité sont des objets UI intégrés uniques qui incitent à l'interaction de l'utilisateur pour déclencher une action lorsqu'ils s'approchent d'objets dans le jeu tels que des portes, des interrupteurs et des boutons.
Détecteurs de glissement UI
Les détecteurs de glissement UI facilitent et encouragent l'interaction avec des éléments d'interface utilisateur 2D tels que des curseurs, des sélecteurs, et plus encore.
Détecteurs de glissement 3D
Les détecteurs de glissement 3D encouragent l'interaction physique avec des objets 3D dans un jeu, comme ouvrir des portes et des tiroirs, faire glisser une pièce, attraper et lancer une boule de bowling, tirer et tirer une fronde, et bien plus encore.
