Search Unity

  1. Get all the Unite Berlin 2018 news on the blog.
    Dismiss Notice
  2. Unity 2018.2 has arrived! Read about it here.
    Dismiss Notice
  3. We're looking for your feedback on the platforms you use and how you use them. Let us know!
    Dismiss Notice
  4. The Unity Pro & Visual Studio Professional Bundle gives you the tools you need to develop faster & collaborate more efficiently. Learn more.
    Dismiss Notice
  5. Improve your Unity skills with a certified instructor in a private, interactive classroom. Learn more.
    Dismiss Notice
  6. ARCore is out of developer preview! Read about it here.
    Dismiss Notice
  7. Magic Leap’s Lumin SDK Technical Preview for Unity lets you get started creating content for Magic Leap One™. Find more information on our blog!
    Dismiss Notice
  8. Want to see the most recent patch releases? Take a peek at the patch release page.
    Dismiss Notice

Suggestions for floating character UI scaling.

Discussion in 'Unity UI & TextMesh Pro' started by Kev00, Aug 10, 2018 at 9:17 PM.

  1. Kev00

    Kev00

    Joined:
    Dec 6, 2016
    Posts:
    137
    Hi, I'm looking for a few suggestions for displaying floating UI elements over my characters.

    As you can see from the screen shots, the game I'm making is Top Down and it allows the player to Zoom in. Basic information about each unit floats over each unit's head. The problem is that when I zoom out too much or zoom in too close it doesn't look right.

    Now, I've considered scaling the floating UI when the zoom factor is too far out or too close, but I'm not sure if this is a best approach since it might make the UI hard to read (when it scales down too much) It's almost as if I need to find a bounding box of the character in screen space and use that to scale the UI as the player zooms out or in.

    Does anyone have any suggestions?

    Zoomed out too much (UI is too large) - this looks really stupid with a lot of units on the screen.
    FloatingUI1.PNG

    closer
    HoverUI2.PNG



    UI is too small.

    HoverUI3.PNG