Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

of

Unity UI Deep Dive - Charlie Helman Slide 1 Unity UI Deep Dive - Charlie Helman Slide 2 Unity UI Deep Dive - Charlie Helman Slide 3 Unity UI Deep Dive - Charlie Helman Slide 4 Unity UI Deep Dive - Charlie Helman Slide 5 Unity UI Deep Dive - Charlie Helman Slide 6 Unity UI Deep Dive - Charlie Helman Slide 7 Unity UI Deep Dive - Charlie Helman Slide 8 Unity UI Deep Dive - Charlie Helman Slide 9 Unity UI Deep Dive - Charlie Helman Slide 10 Unity UI Deep Dive - Charlie Helman Slide 11 Unity UI Deep Dive - Charlie Helman Slide 12 Unity UI Deep Dive - Charlie Helman Slide 13 Unity UI Deep Dive - Charlie Helman Slide 14 Unity UI Deep Dive - Charlie Helman Slide 15 Unity UI Deep Dive - Charlie Helman Slide 16 Unity UI Deep Dive - Charlie Helman Slide 17 Unity UI Deep Dive - Charlie Helman Slide 18 Unity UI Deep Dive - Charlie Helman Slide 19 Unity UI Deep Dive - Charlie Helman Slide 20 Unity UI Deep Dive - Charlie Helman Slide 21 Unity UI Deep Dive - Charlie Helman Slide 22 Unity UI Deep Dive - Charlie Helman Slide 23 Unity UI Deep Dive - Charlie Helman Slide 24 Unity UI Deep Dive - Charlie Helman Slide 25 Unity UI Deep Dive - Charlie Helman Slide 26 Unity UI Deep Dive - Charlie Helman Slide 27
Upcoming SlideShare
Shaderx5 2.6normalmappingwithoutprecomputedtangents 130318 (1)
Next
Download to read offline and view in fullscreen.

4 Likes

Share

Download to read offline

Unity UI Deep Dive - Charlie Helman

Download to read offline

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

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

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
  • MollyReyes1

    Dec. 25, 2021
  • MaggieJen1

    Sep. 26, 2019
  • RandyGarrett2

    Feb. 4, 2017
  • NargesFarazan

    Aug. 29, 2016

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

Views

Total views

940

On Slideshare

0

From embeds

0

Number of embeds

10

Actions

Downloads

14

Shares

0

Comments

0

Likes

4

×