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)
Table des matières de cette formation Unity, C Sharp (durée : 1h01m)
-
Pour bien commencer
- Ouvrir le projet en pièce jointe. 00:00:47
-
Le menu principal
- La création du menu principal 00:08:52
- L'animation des boutons 00:06:56
- Animer l'apparition du menu principal. 00:06:44
- Animer le déplacement vers la gauche du menu principal. 00:06:14
- Gérer les animations du menu principal grâce à un script. 00:07:55
-
Le menu déroulant
- La création du menu déroulant - 1 00:07:04
- La création du menu déroulant - 2 00:04:57
- L'animation du menu déroulant 00:08:27
-
Finalisation
- La communication entre les menus 00:03:04
- Fichiers sourcestélécharger
- Certificat
Formateur : Arnaud Jopart
-
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.
-
Très bon tuto, même un grand débutant sur unity comme moi y arrive sans problème !
-
Très bon tuto, bien expliqué.
-
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
note moyenne
avis laissés