IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)

Créer un jeu avec Unity 3D

Les interfaces utilisateur (GUI)

L'auteur

Profil Pro

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

Navigation

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

 

Sommaire

 

Tutoriel suivant : lire un son

I. Vidéo


Cliquez pour lire la vidéo


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.

Image non disponible
Coordonnées sur l'écran pour les GUIText

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

 
Sélectionnez
#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 :

 
Sélectionnez
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 :

 
Sélectionnez
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() :

 
Sélectionnez
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

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

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 ni 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.