One step closer to custom shape/ image mask
3 Likes
This is great, only problem I have and I’m sure others will have, is when using this to create a radial progress bar, the gradient never makes flush 100% even on 1 scale. I presume this is due to the blending of the color sequence colors, so maybe we could also get different easing styles for the sequence. Like cardinal, b-spline, and constant?
Issue:
NOTE THIS IS ON A BILLBOARD GUI, FOR PROXIMITY PROMPTS.
Gradient Parameters:
6 Likes
What colors are you using in the gradient? if its supposed to be a solid color that looks like it might just be a bug. Happy to take a look at a placefile.
1 Like
It’s supposed to be white to black, with a white frame at 0.999 and a black at 1, to simulate a “constant” easing style, but the sequence can only get so close to an exact solid white to solid black.
The idea is kind of like this
But with only one frame instead of two, the issue is when put to use it causes that little black part to bleed away from the end.
Example.rbxl (78.8 KB)
Place file
2 Likes
You could use two stacked strokes w/ gradients and adjust the rotation of the upper one to “reveal” the lower one. Kind of hacky but should work.
The problem with perfectly hard stops is it has a pretty steep resolution requirement. Gradient might not be the right use case for this kind of UI element
1 Like
Though we could also support scale > 1 on conical by chopping off the tail. that would let this work OK I think?
5 Likes
Worth a shot if hard stops are difficult with the current resolution.
2 Likes
Went all out with this, thank you for this update.
2 Likes
ui updates never miss 
, great work
4 Likes
OMG OMG OMG OMG OMG OMG OMG OMG OMG OMG YES YES YES YES YES YESSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSSS
Roblox this is how you do a good update. Take exemple on the intern who recommended this
4 Likes
I really like this update. Roblox has recently been making amazing updates when it comes to UI & that genuinely makes me so happy.
The ability to create a dynamic vignette easily, or make a UI Frame fade in / out is now possible. 
Now’s just the need for UI Blur & the ability to wrap images with uistrokes dynamically.
2 Likes
It is quite strange the Radial gradient has a constant 1 aspect ratio, I can’t create a procedural vignette that well with that.
Smoothing too, why can we not change the smoothing mode yet? what if I wanted a constant transparency?[1]
Jumps from 0 to 1 INSTANTLY ↩︎
4 Likes
Me encanta esta actualización, ya no tengo que usar el Figma y estar 2 horas escalando y metiendo las imágenes👍
1 Like
Roblox finally listened to us after so many times.
HELL YEAH
This is fantastic! I can’t wait to mess with this!!!
I have enabled it since it came out, It is so much better! Love it so much.
What would “Vignette” even be?
We are going to get Inset UIShadow soon.
We now have Radial gradient - albeit wouldn’t stretch to fit the screen - which would work too.
2 Likes
UI BLUR NEXT PLSSSSSSSSSSS
I must make my Xiaomi HyperOS copy have blur effects PLSSSS
6 Likes