Search Unity

  1. Improved Prefab workflow (includes Nested Prefabs!), 2D isometric Tilemap and more! Get the 2018.3 Beta now.
    Dismiss Notice
  2. The Unity Pro & Visual Studio Professional Bundle gives you the tools you need to develop faster & collaborate more efficiently. Learn more.
    Dismiss Notice
  3. Let us know a bit about your interests, and if you'd like to become more directly involved. Take our survey!
    Dismiss Notice
  4. Don't miss out on the Unite LA Keynote for the latest information from Unity! Set a reminder!
    Dismiss Notice
  5. Improve your Unity skills with a certified instructor in a private, interactive classroom. Watch the overview now.
    Dismiss Notice
  6. 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.

  1. Kev00

    Kev00

    Joined:
    Dec 6, 2016
    Posts:
    146
    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