Add blend modes to all Roblox GUI objects

Feature Requests Engine Features
#1

As a Roblox developer, it is currently hard to utilize the current UI in a way that can match the needs and themes of all possible types of games. As Roblox is growing, many devs are creating higher quality projects with an increasing demand for high quality, aesthetically sound UI. Because of the current UI system, there are only select design choices that can be translated through to Roblox without any tacky or unpolished artifacts. Even Roblox itself wants to expand to incorporate different themes and audiences, and for that Roblox needs to focus more on expanding its UI to allow for more creativity.

A great start to that expansion is to add blend modes to all UI objects (Image Labels, Textboxes, Frames, etc.). Blend modes (Multiply, screen, overlay, difference) for each GUI object would change the game on how UI designers create.

UI Examples

Dark Red, Blend mode: Normal

UI%20type%201
UI%20type%2011684×1383 2.69 MB

Red, Blend mode: Multiply

UI%20type%202
UI%20type%2021684×1383 2.84 MB

Lime Green, Blend mode: Difference

UI%20type%204
UI%20type%2041684×1383 3.01 MB

Navy Blue, Blend mode: Overlay

UI%20type%205
UI%20type%2051684×1383 2.84 MB

Sky Blue, Blend mode: Screen

Untitled-1
Untitled-11684×1383 2.83 MB

Unity Blend Mode Plugin:
Blend Modes - YouTube

With blend modes, developers can be able to expand its current uses of UI to fit endless tones and themes, along with additional benefits with camera effects and UI particles. Allowing for different blend modes can bring the UI on Roblox to another level.

122 Likes
[Studio Beta] Updates to In-experience Mesh & Image APIs
#4

Support. It’d also be nice to extend this to decals/textures for extra fun with stuff like bullet holes and slime/gel effects on parts.

19 Likes
#5

There should generally be a way to edit the images in-game. Maybe some kind of a library with functions which accept an asset id to return a string representing a new generated local asset to apply to image instances? This way you can start with an uploaded image and combine different effects.

7 Likes
#6

Bump.

5 Likes
#7

Bump.

This stuff seems really simple to add, but once again Roblox is Powering Limitations

9 Likes
#8

So many possibilities with this as well

3 Likes
#9

Would be great to see. Blendmodes are already handled on the graphics card, they’re easy to enable in every single rendering API that roblox uses, and they’re really cheap on performance. Seems like a no-brainer. Throw in a new BlendMode property/enum Roblox!

https://docs.gl/es2/glBlendFunc
https://docs.gl/gl3/glBlendFunc

8 Likes
#10

Bumping again, this would be so awesome for overlaying noise and static for my menu.

2 Likes
#11

This is cool and all, but I feel like having a customizable node based shader graph instead of individual small rendering components is far more useful.

2 Likes
#12

Support! This is something I’ve wanted for a while, but have never been able to articulate a use for, outside of my incredibly specific use case.

1 Like
#13

This is an excellent suggestion, and I wholeheartedly endorse it. I hope Roblox will consider adding it in the future!

2 Likes
#14

Bumping again, you know how many things could use these blend modes, like for example I’m using false caustics for under the water, but since there are limitations to blending I can’t remove the black, so I have to go into photoshop and hand remove it from every single image. I had to do this 32 times and it was a pain but with adding blend modes it would’ve been done with a click of a button.

3 Likes
#15

Another bump, I don’t know why this post is just being completely ignored, It seems like a really basic feature that’s just overlooked, could anyone at least clarify if there’s any technical issues or it would require lots of resources to do this?

3 Likes
#16

Bump. This is incredibly nice for any transparent UI.

#17

This is exactly what ive been needing to make my UI design 100x faster, if you try to do this by hand you need hundreds of lines of code and countless hours, instead of 1 button :[

#18

I think some other important blend modes would be add and subtract.

#19

Hope to see this reconsidered in the future.

1 Like
#20

Bumping this. Please, we need this feature,roblox

#21

Bumping this as well. this would come in extremely handy as a dev.

#22

Bumping this. Having this feature would be really useful for UI designers.