How would you make this UI animation?

I want to make the UI like in the photo, but i want the white part transparent.
it should look like a green line rotating

I was unable to find a solution so please help.

use the transparency property on the UIGradient

I already tried, it sets all transparent

The transparency is a NumberSequence, just do it the same you’d change the colour
image (click the …)

Yea you’re right, i actually forgot it could be used with Ui

But if i rotate the Ui, it becomes quite strange

with no rotation
with rotation

youre using it on a UIStroke, expect weird results because its very limited on what it can do

how would you make it then???

whats the purpose of the ui, needa know the use case

I want the green line to rotate likes this
https://vimeo.com/1002247758?share=copy

video doesnt exist
(30cahrcters)

Try again it should be uploaded now…

I think i fixed it by setting the transparency to 0.99 instead of 1

1 Like


As you can see the animation is pretty bad and it is also glitchy, you can see at some part it becomes fully transparent and goes back. How would you make this animation better?