Gratuit Unity3D - 3 : la création et l'animation d'une Interface Utilisateur avec les nouveaux outils Unity
ERROR
00:00
00:00

TUTO Gratuit Unity3D - 3 : la création et l'animation d'une Interface Utilisateur avec les nouveaux outils Unity

Arnaud Jopart

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Dans ce nouveau tuto gratuit #TNT (Tips 'N Tricks) Unity3D et C# (Sharp), nous laissons de coté le mouvement (visionnez mes autres tutoriels ? Par ici) pour nous intéresser à la création d'une interface utilisateur (UI) simplifiée. Depuis la version 4.6 de Unity, de nouveaux outils sont en effet disponibles et facilitent énormément le travail du développeur/designer. 

Nous allons donc voir comment créer un menu déroulant reprenant une liste d'armes et le faire bouger sur la scène en fonction des décisions du joueur. 

Les concepts abordés dans ce tuto gratuit Interface dans Unity sont :

  • L'Animator et les animations permettent d'animer facilement presque n'importe quoi sur la scène.
  • Le component Masks cache ce que nous ne voulons pas voir.
  • Le component Vertical Layout Group aligne verticalement un ensemble d'objets. Pratique pour faire de beaux menus.
  • Le component Scrolling Rect fera défiler le menu grâce au mouvement de la souris.

Les fichiers joints vous permettront de démarrer correctement le cours et le projet final est également fourni. 

Ce tutoriel vidéo est destiné autant à des utilisateurs débutants que chevronnés cherchant des moyens simples et efficaces de réaliser leur Interface Utilisateur. Une connaissance de base de C# sous Unity est un plus, mais ce tutoriel ne comporte que très peu de code.

Envie de créer une interface utilisateur rapidement, simplement et ayant tout de même une certaine classe ? N'hésitez pas, c'est par ici que cela se passe.

(L'image de fond utilisée dans ce tutoriel est soumise à la licence CC BY-SA 2.0, l'auteur est garysan97, aucune modification n'a été apportée à l’œuvre)

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Pour bien commencer
Chapitre 2
Le menu principal
Chapitre 3
Le menu déroulant
Chapitre 4
Finalisation

Plan détaillé du cours

Chapitre 1 : Pour bien commencer
47s
 
Leçon 1Ouvrir le projet en pièce jointe.
Chapitre 2 : Le menu principal
36m41s
 
Leçon 1La création du menu principal
Leçon 2L'animation des boutons
Leçon 3Animer l'apparition du menu principal.
Leçon 4Animer le déplacement vers la gauche du menu principal.
Leçon 5Gérer les animations du menu principal grâce à un script.
Chapitre 3 : Le menu déroulant
20m28s
 
Leçon 1La création du menu déroulant - 1
Leçon 2La création du menu déroulant - 2
Leçon 3L'animation du menu déroulant
Chapitre 4 : Finalisation
03m04s
 
Leçon 1La communication entre les menus

Avis des apprenants

Détail des avis
1 830
Apprenants
19
Commentaires
4,9/5
Note moyenne
5/5
17
4/5
2
3/5
0
2/5
0
1/5
0
Membre-5150-6680
Membre-5150-6680
Publié le 17/04/2021
Très bien, sauf quelques renommages faits à la volée, sans les détailler verbalement (ex : weaponsMenu => WeaponsMenuBorder et weaponMenu => weaponsMenu à la suite), qui peuvent perdre un peu.
Alpielz Dionysus
Alpielz Dionysus
Publié le 17/03/2020
Très bon tuto, même un grand débutant sur unity comme moi y arrive sans problème !
Dichromatique
Dichromatique
Publié le 10/01/2020
Très bon tuto, bien expliqué.

Vos questions sur le cours

Avec quelles versions de logiciels ce tuto est-il compatible ?

Unity 4, Unity 5, C Sharp

Quel est le niveau requis pour suivre ce tuto ?

débutant

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données