How is this type of ui done?

How is Ui like this done?
image

By like this I mean how is it made so that the sword is fully in the camera and the unit isn’t far away from the camera?

1 Like

If i remember correctly, they use the property named ZIndex which is basically send to back or bring to front in powerpoint.

The sword is just a different image that has been put in front of the other one

That would mean that the ViewportFrame is as big as the sword, which would mean that the unit is bigger than that

Really? So it’s custom for each unit then?

ClipsDescendants I think. GuiObject | Documentation - Roblox Creator Hub

What would I do with it? Because doesn’t it just clip the descendants, how would that help?

It allows the gui objects to be outside of their containers (frames), like, if they’re bigger than a part’s size with a surface gui of the part’s size it wouldn’t get cut off

Best links that I could think of. GuiObject | Documentation - Roblox Creator Hub

ClipDescendants is already turned off

The implementation isn’t fancy, it’s just a bunch of character images parented under a container frame.

The fancy part is how those images are placed - they’re deliberately sized larger so that it would clip beyond the frame’s borders to create the illusion of it being closer to the camera. The frame also has ClipDescendants turned to off, and its ZIndex is lesser than that of those images.

I can’t see this being a ViewportFrame because that effect can be achieved with just images, and a ViewportFrame would be a performance sink.

How would I even go about making this?

see red squares under explorer and properties
does this tell you enough lol

I think I get it, but I don’t at the same time :sob: I’ll try and get back to you

If it’s images how would they be animated? Since the game I got that image from the units/models are animated

I can do it I can make really good ui.

I’m broke, I can’t pay anything

I’d greatly appreciate if you told us this earlier.

I take back what I said then, that should be done with a ViewportFrame. The UI design principles are the same nonetheless, so it’s on you to find out how ViewportFrames work.

Or if efficiency is a concern, use a spritesheet.

That’s ok I don’t accept payments.

Game is really popular thought you knew :sob: Sorry my fault. I’ll see how it’s done