How could I create a dynamic UI curve?

Hello everyone!

I am making a somewhat replica of osu!tau, a custom game mode for osu!lazer where you control a paddle with your mouse and hit random objects in a circular motion.

osu!tau | what does it look like

My issue is that I don’t know where to start when making a dynamic curve. I want to make it so the player can change the paddle size

The image below shows the paddle. I got the paddle movement down but it would look much better if it were to be curved with the circle rather than be a straight line.

I thought of just making an image but the player has the ability to set the paddle size before playing a song.

Any help will be appreciated. Thanks!

I don’t really know how you achieve it, but here’s just one of my ideas.

Ah yes, 'ideas'
  • First, make a UIStroke and customize it to have a thick border like the frame you’ve in the picture (Hoping that’s a frame.)
  • Second, add a UIGradient inside the UIStroke and click on the 3 dots beside the Transparency property of it. Then change it so you can have something like that in your picture.
  • Thirdly, change the Time and Value of it according to how you want.

I’m sorry if I missed anything, that’s the most I could’ve thought of.

i thinks it is an image label as big as the circle with only that line in it that rotates

Sorry for the late reply!

I am not sure how I can make the gradient smaller. Do you have any ideas?

Don’t worry for the late replies!

Create more frames close to the middle to make it smaller!

Looks amazing! :+1:
The effect on the ends of the paddle kinda throws me off though.

Aw man, maybe you can add even more frames to make it look a liiittle more sharper?


It looks way better now. Thanks!