Canvas Group isn't working with Image Label?


i was tried to make the same effect as realm rampage
image
buttt its doesnt work
here a properties for canvas group:
background transparency = 0
ZIndex = 1 (image label have the same)
Group Transparency = 0
and here for image label:
Background transparency = 1
image transparency = 0

please somebody help me

1 Like

im not even sure someone want to help me

1 Like

but please help me, its will help me alot

1 Like

That UI that you are trying to emulate uses an image label with an overlay of the same image label but colored, not a canvas group.

You then change the progress by having a UIGradient with a transparency curve at the progress that you want to show.

3 Likes

what do you mean? i should create a uigradient?

1 Like

Have one image for the border. Then have a separate red image for the health. Hide parts of the red health image using a UIGradient’s transparency control.

Here is a short tutorial that shows how to use a UIGradient for this:

Do the same thing as that tutorial but with your red health image instead of a rounded frame.

2 Likes

im not understanding well. can somebody explain

1 Like

Can you please show your file system? How did you arrange it?

1 Like

screengui > frame > canvas group > image label

Sorry for late reply, but it might be because of the frame inside of screen gui, you dont need it. Or just make it transparent if you havent?

i did but its still doesn’t work well

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.