Créer un jeu avec Unity 3D

Les interfaces utilisateur (GUI)

ToutApprendre

- Titre : Créer un jeu avec Unity 3D

- Auteur : ToutApprendre

- Parution : 3 novembre 2014

- Licence : Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright ® 2014 Équipe rubrique 2D/3D/Jeux. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.

Sommaire

- Navigation

- I. Vidéo

- II. Ce qu'il faut retenir

- II-A. Les interfaces utilisateur

- II-A-1. GUIText

- II-A-2. GUITexture

- III. Commenter

- IV. Remerciements

- Navigation

Navigation

Tutoriel précédent : les collisions et les déclencheurs

Sommaire

Tutoriel suivant : lire un son

I - Vidéo

Animation en format "youtube" non supportée.
Contenu uniquement consultable en ligne à cette adresse :
https://www.youtube.com/watch?v=r2mhTfdXz4Q

II - Ce qu'il faut retenir

II-A - Les interfaces utilisateur

II-A-1 - GUIText

Les GUIText sont des composants pour afficher du texte à l'écran. Contrairement aux autres composants, ceux-ci se placent sur l'écran (et non dans le monde 3D). En conséquence, la position du texte variera entre 0 (à gauche de l'écran) et 1 (à droite de l'écran) sur l'axe X et 0 (en bas de l'écran) et 1 (en haut de l'écran) sur l'axe Y.

Coordonnées sur l'écran pour les GUIText

Pour changer le texte au cours du jeu, vous pouvez faire :

#pragma strict

var textTemps:GUIText;

function Start() {
textTemps = GameObject.Find("TempsGUI").guiText;
}

function Update() {
textTemps.text = "Le temps = " + Time.fixedTime;
}

II-A-2 - GUITexture

Les GUITexture sont des composants permettant d'afficher une texture à l'écran. Comme pour le GUIText, les coordonnées correspondent à un emplacement sur l'écran.

Vous pouvez vérifier si l'utilisateur interagit avec vos éléments de GUI avec le script suivant :

function OnMouseDown() {
Debug.Log("Clic");
}

La fonction OnMouseDown() est appelée lorsqu'un clic est effectué dans la zone du GUITexture.

Vous avez aussi la fonction OnMouseEnter() qui permet de vérifier si la souris passe sur le bouton. Par exemple, le script suivant change la couleur du GUITexture lorsque la souris passe dessus :

var newColor:Color;

function Start() {
newColor = Color.white;
}

function OnMouseEnter() {
newColor.a = 0.1;
guiTexture.color = newColor;
}

Finalement, si vous voulez détecter que la souris est sortie du GUITexture, il suffit d'utiliser la fonction OnMouseExit() :

function OnMouseExit() {
newColor.a = 1;
guiTexture.color = newColor;
}

III - Commenter

Vous pouvez commenter et donner vos avis dans la discussion associée sur le forum, ou encore, poser vos questions dans le forum Unity.

IV - Remerciements

Nous remercions « ToutApprendre » pour l'élaboration et la réalisation de ces vidéos. Vous pouvez retrouver sa chaîne YouTube en suivant ce lien.

Navigation

Tutoriel précédent : les collisions et les déclencheurs

Sommaire

Tutoriel suivant : lire un son