Radial progress bars: Techniques, Anti-Aliasing, Optimizations...

LINKS:

0:00 Intro
2:22 FastAtan2
3:15 Rotation
3:37 AA
6:16 Circle SDF
6:46 Fixes
7:40 Double Mask Technique
9:28 Texture
10:24 Blender
12:30 UI Material Lab
12:48 Outro

Heya! Hope you'll like the video :) cheers!

[QuakeProBro]

Sweet, I like the short videos in between your more complex ones :) This is a great addition to Ben Clowards current series!

[ultracapitalistutopia]

For the texture method, I did similar thing in UE before, but the texture itself was done in Adobe Illustrator when I was working in a company. The Blender method is absolutely brilliant and more accessible to people who can't afford Adobe's subscription fee.

[now_ever]

I was trying to recreate such progress bar as in Battlefield1, when you're capturing the objective. It cool to know more ways to implement this. Thank you for sharing.

[So_Stylized]

I was always surprised this wasn't a built in UI widget. Thanks for the tutorial!

[shannenmr]

Just remember DDX / DDY doesn't work on (Android?) Mobile devices.

[adlerkampf]

The AutoAA is such a cool idea, but how would you do it for a box sdf?

[eligijuspranskunas]

why no one explains why game creators sells the game on steam under the company name?? why is that, how it works etc. all making games, but no one talks about that.