Object Details UI System

Details UI System
Hi developers! I recently created a quick project that I think you’ll find useful. It creates UI to show information about items in your game:

Images

Zoomed in picture of UI:
image

GIF of it functioning:
pre release details indicators
Note the screen size is large so the UI looks relatively small in the GIF.

Picture of the UI on an IPhone 6

Instructions

  1. Get the model here: roblox.com/library/8240192601
  2. Insert the model into your game
  3. (Optional) Move “DetailsIndicatorClient” from “README” to StarterPlayerScripts (StarterPlayer > StarterPlayerScripts) and remove or disable “README”
  4. That’s it!

Creating Details
I’d recommend just copying existing indicators and changing the “Details” attribute, but if you want to create a new one:

  1. Create a Configuration and name it “Details”
  2. Add an attribute “Details” of type string
  3. Set the “Details” attribute to the desired text (supports multiple lines)
  4. Place it in a BasePart or Model

Last Bit
I really appreciate all the feedback you all give. If you have an questions, ideas, or concerns please let me know. I hope some of you find this useful! :happy2:

Model: Details Indicator System (Model) - Roblox
Uncopylocked game: Details Indicator Example (Game) - Roblox

34 Likes

This will be useful for my game, thanks!

1 Like

How does it prioritize on mobile devices? Is it a pop up by distance or do they have to click it?

They have to touch or long touch on/over it. It’s mainly meant for PC.