Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Unity UI Deep Dive - Charlie Helman

702 vues

Publié le

UnityUI basics, techniques, best practices, and must-have assets for building UIs for Unity projects.

Publié dans : Technologie
  • Soyez le premier à commenter

Unity UI Deep Dive - Charlie Helman

  1. 1. UNITY UI A DEEP DIVE INTO
  2. 2. A DEEP DIVE INTO UNITY UI - THE GIST OF IT WHAT WILL WE COVER? ▸Quick overview of the other UI frameworks out there. ▸Demo of the UnityUI workflow. ▸Must-Have Add-ons/Assets for UI Development ▸Architecture; keeping things modular and maintainable ▸(Stretch) Anchoring: Strategies for dealing with multiple resolutions and aspect ratios across platforms.
  3. 3. PICK YOUR POISON
  4. 4. A DEEP DIVE INTO UNITY UI - PICK YOUR POISON NGUI ▸ “Industry Standard” in Unity for a long time. ▸ WYSIWYG, separate from Unity’s 2D pipeline. ▸ Hope you like Atlases. Features custom Atlas packers for fonts and sprites. ▸ Bitmap fonts for text recommended. Lackluster dynamic font support.
  5. 5. A DEEP DIVE INTO UNITY UI - PICK YOUR POISON UNITY UI (FORMERLY CALLED UGUI) ▸ The official Unity UI Solution. ▸ Adapted from and well-integrated with Unity's 2D tools. Also WYSIWYG. ▸ Dynamic Batching (no Atlases to manage). ▸ Dynamic Fonts only.
  6. 6. A DEEP DIVE INTO UNITY UI - PICK YOUR POISON SCALEFORM ▸ Probably the most commonly used UI framework in games (outside Unity). ▸ A more expensive but fully featured, flash-based UI framework. Probably still has a UnitySDK. ▸ Authored outside of Unity. ▸ Action script. ▸ Vector graphics.
  7. 7. A DEEP DIVE INTO UNITY UI - PICK YOUR POISON COHERENT UI ▸ HTML/CSS/Javascript, authored outside Unity. ▸ Costly but jam-packed with features.
  8. 8. SO, WHY USE UNITY
  9. 9. A DEEP DIVE INTO UNITY UI - PICK YOUR POISON SO, WHY USE UNITY UI OVER OTHER FRAMEWORKS? ▸Free. Open Source. ▸Official solution. Not just a one-man-show, not just an after- thought integration by a 3rd party. ▸Better editor integration. Editing and iterating inside Unity is a simpler, faster, and often more approachable workflow than editing externally. ▸Better compatibility with Editor Extensions / Asset Store Add- ons.
  10. 10. LET’S BUILD
  11. 11. TEXT ESSENTIAL ADD-ON #1
  12. 12. SO NOW THAT WE’VE COVERED THE
  13. 13. ARCHITECT URE AND MAINTAINA BILITY
  14. 14. A DEEP DIVE INTO UNITY UI - ARCHITECTURE AND MAINTAINABILITY SYMPTOMS OF BAD ARCHITECTURE ▸ Fragility/Brittleness: hard to change things; doing so breaks other things. ▸ WETness: Many similar things are implemented different ways. ▸ Lack of tests. Hard to write tests, or tests are fragile. ▸ Code smell. Prefab Smell. Scene Smell. Your project smells.
  15. 15. LET’S BUILD
  16. 16. PREFAB ESSENTIAL ADD-ON #2
  17. 17. A DEEP DIVE INTO UNITY UI - ARCHITECTURE AND MAINTAINABILITY UI PREFAB MANAGEMENT IS KEY▸ UI “elements” work best as prefabs. But, whole UI views should be prefabs as well. Hard to have both without getting fancy ▸ Prefab nesting allows you to properly keep track of “prefabs inside other prefabs” ▸ Prefab inheritance to better encapsulate prefabs and control how changes propagate to related elements
  18. 18. A DEEP DIVE INTO UNITY UI - ARCHITECTURE AND MAINTAINABILITY CONSIDER STANDARDS AND PATTERNS▸ MVC provides a scalable way to separate data and logic (model), input handling (controller), and the presentation of the UI elements (view). ▸ IoC (Inversion of Control) is a better way to manage dependencies for your UI. Check out StrangeIoC.
  19. 19. A DEEP DIVE INTO UNITY UI - THAT’S ALL FOLKS THANKS! ▸ Feel free to e-mail me: charlie.helman@gmail.com ▸ Or follow me on Twitter. @charliehelman

×