Cave : Système d'Interface Utilisateur (UI) de Jeu

Dans cette leçon, nous allons examiner pour la première fois les différents types d'Éléments UI disponibles dans Cave Engine pour créer des interfaces utilisateur.

Les Éléments UI sont utilisés pour construire tout ce que le joueur voit au-dessus du monde du jeu, tels que des menus, des boutons, des HUDs, des barres de santé, des compteurs d'objets, des écrans de paramètres, des boîtes de dialogue et d'autres composants d'interface.

Avant de créer une interface complète, il est important de comprendre à quoi sert chaque Élément UI et quand vous devez l'utiliser.

1. Création d'un Nouvel Éléments UI

Pour créer un nouvel Éléments UI, faites un clic droit dans le Graphique de Scène et sélectionnez l'option Interface.

Dans ce menu, vous trouverez les éléments d'interface fournis par Cave Engine.

Éléments UI Par Défaut

Crée un Éléments UI par défaut de Cave Engine.

C'est l'élément de base du système d'UI et peut être utilisé comme point de départ pour créer d'autres composants d'interface.

Un Éléments UI par défaut peut fonctionner comme un panneau visuel, un arrière-plan, un conteneur, une icône, une image ou tout autre bloc d'interface de base. Il est également très utile pour organiser les éléments enfants, car les Éléments UI peuvent être parentés les uns aux autres dans le Graphique de Scène.

Par exemple, vous pouvez créer un Éléments UI par défaut pour représenter un panneau de menu, puis ajouter des boutons, des textes et des icônes comme enfants.

Texte

Crée un Éléments UI utilisé pour afficher du texte sur l'interface.

Cet élément vous permet de configurer le contenu affiché et de personnaliser les propriétés telles que la police, la taille, la couleur, l'alignement et d'autres paramètres visuels.

Les éléments de texte sont couramment utilisés pour les titres, les étiquettes, les sous-titres, les instructions, les compteurs d'objets, les valeurs de santé, le texte des dialogues, les numéros de score et toute autre information qui doit être affichée au joueur.

Bouton

Crée un bouton UI déjà configuré avec un composant de texte.

Les boutons sont des Éléments UI interactifs. Ils peuvent réagir à différents états, tels que :

• Normal, lorsque le bouton est inactif.
• Survol, lorsque le curseur de la souris est sur le bouton.
• Clique, lorsque le bouton est cliqué.

Les boutons peuvent également exécuter du code Python en réponse à ces événements, vous permettant de créer des interactions telles que démarrer le jeu, ouvrir des menus, changer des paramètres, fermer des fenêtres ou déclencher tout comportement personnalisé dont vous avez besoin.

Cela fait de l'élément Bouton l'un des composants UI les plus importants lors de la création de menus et d'interfaces interactives.

Boîte à Outils UI

Dans l'option Boîte à Outils UI, Cave Engine fournit des Éléments UI axés sur la saisie et l'interaction des utilisateurs.

Ces éléments sont utiles lorsque vous avez besoin que le joueur change des valeurs, tape des informations ou interagisse avec des paramètres pendant le jeu.

• Curseur de Saisie

Crée un contrôle de curseur, permettant à l'utilisateur de sélectionner une valeur dans une plage définie en le déplaçant avec la souris.

Ceci est idéal pour des paramètres tels que volume, luminosité, sensibilité de la souris, niveau de musique, niveau des effets, ou toute autre option basée sur une plage numérique ou un pourcentage.

• Saisie Numérique

Crée un champ de saisie numérique qui peut être ajusté en déplaçant la souris ou en modifiant directement la valeur.

Ceci est utile pour les paramètres qui nécessitent des nombres spécifiques, tels que les valeurs de sensibilité, les paramètres personnalisés, les options de débogage ou les champs de configuration numériques.

• Saisie de Texte

Crée un champ de saisie de texte où l'utilisateur peut taper des informations directement via l'interface.

Ceci est utile pour les noms de joueurs, les noms de sauvegarde, les champs de recherche, les descriptions, les messages de chat, ou toute autre saisie textuelle.

Tous les éléments de la Boîte à Outils UI fonctionnent pendant le jeu, permettant au joueur d'interagir avec eux en temps réel.

Avec ces options, vous pouvez choisir l'Éléments UI le plus approprié pour le type d'interface que vous souhaitez créer.

Chaque élément a un but spécifique, vous permettant de construire tout, des éléments HUD simples à des menus et systèmes d'interaction plus complets.

Dans cette Quête, nous commencerons par la première option, Éléments UI Par Défaut, qui servira de base pour les prochaines leçons.