Color Banding Post-Processing Effect

As a Roblox developer, it is currently impossible to incorporate a color banding effect into my games that is guaranteed to never break. Right now, the only way for developers to have such an effect is by removing any Atmosphere object in Lighting and setting FogColor, FogStart, and FogEnd insanely high. Here’s an example of what that looks like:

The current hack that is used to achieve this effect is undesirable since there’s no guarantee that such high values will always behave the same and will always be allowed. Not only that, but it also lacks control over the intensity of the color banding. This is why there is a need for a dedicated color banding post-processing effect, ensuring a reliable and officially supported solution.

This effect would allow developers to add a distinctive and artistic touch to their visuals, improving the overall aesthetic and mood of their games. I believe horror games would benefit greatly from having such a post-processing effect. Additionally, including this effect would make it easier for developers to achieve the specific look and feel they want in their games.

Off the top of my head, there are two games that use a similar, if not the same, effect outside of Roblox. Here’s what those games look like:

Buckshot Roulette by Mike Klubnika

Lethal Company by Zeekerss

If such a post-processing effect was added, developers would no longer need to rely on a cursed hack that is not guaranteed to always work. In addition, it would also allow the effect to be usable alongside fog, which to my knowledge, is currently impossible.

81 Likes

While I’m not sure what the name would be for game development, in photo editing I’ve seen the term color quantization used to describe the effect needed to create this look! It’d take whatever image is visible, and trim it down to a limited color palette. Return of the Obra Dinn used it (along with some other tricks to keep things clean in motion) to achieve it’s striking artstyle!


Took a few pics around Roblox! After sizing them down and using PaintDotNet’s Quantize color effect, I could get some pretty amazing 16 Color images of what I’d love to see from a feature like this!

finwei’s Times of Change 480x225

LSPLASH’s DOORS 480x245

Roblox’s Glass Houses 400x240

15 Likes

I really like the style of those color quantization examples!

It’s an interesting effect that doesn’t seem frequently talked about. Besides color banding, I believe it can be referred to as posterization as well. I know that’s the term I’ve used when doing photo editing.

According to some research I’ve done, color quantization and posterization are similar. However, color quantization is normally used to reduce file sizes by reducing the colors used to a limited color palette. Posterization on the other hand reduces the tones to achieve a specific artistic look. Apparently, posterization can be an unintended artifact of color quantization.

This makes me question if they’d fall under the same post-processing effect or not since they’re not doing the same thing. My gut is telling me they wouldn’t, but I’m no expert when it comes to stuff like this.

4 Likes

I found this Free Posterize/Dithering Effect which is really cool because I never know that this could even work or even be discovered before

1 Like

That’s an really interesting hack that I never even considered to try. It’s definitely one that is a lot more finicky than the fog one. I will say, it does a way better job at creating a posterization effect than the fog hack. Based on that thread though, it sounds like it could be inconsistent between devices.

ColorCorrectionEffect + ConstrastPart Hack

Fog Hack

That hack is more close to a proper posterization effect since it’s applying to everything on the screen instead of only instances affected by fog. For example, the skybox has color banding, unlike the fog hack. I do like that you don’t need to sacrifice the Atmosphere object with that hack. Too bad it relies on a part to always be in front of the camera and may be inconsistent.

6 Likes

hi! creator of the script and post here. I currently do not have anything to base this on, but I speculate that this is because of how roblox renders differently on macbook. I assume this because I use a macbook and windows is more commonly used.

another guy was asking me about this problem, and their screenshot looks pretty similar to yours for the effect.

what are the settings you had on the script to make it not completely blow out colors? (the effect gives very red and orange results for me)

I changed absolutely nothing. This is one of the reasons why I said the following:

What you’re experiencing is one of the reasons why this feature request was made. There’s no guarantee that these hacks will work nicely between devices and that they will always work.

1 Like

can you share a screenshot? i can take a look at it since i’m testing things out.

It’s been 6 months since I’ve been searching any non-sketchy and real effect to achieve this. I would love to develop everyday and expand my creativity/creations if a tool built in the studio would be similar to this. We need more building styles, UI filters, NOT ONLY a Robloxian style to create games. Let’s make experiences, not Roblox typical games. Hope Roblox hears about this and is implemented.

1 Like

you should try checking out the new script. I made a new model and the effect should look consistent between devices now.

YES!!! SUPPORT… This would be so awesome to have.
We definitely need new post processing effects

some of the stuff in this video would also be great to have!

9 Likes

Another post effect which is pretty desirable by tons of devs is a pixelate/resolution downscale effect. This and the colour quantising effect is something I’ve been wanting since 2019.

Roblox needs more lighting and screen post processing effects.

8 Likes

Yeah, the main post-processing effects I’m waiting on are pixelation, chromatic aberration, and most wishfully—color grading. Imagine the possibilities for creativity with color grading: We’d get games with colors as impressionist as Asteroid City, as nostalgic as the Wizard of Oz, or anything else imaginable.

There are already ways to stack different lighting and post-processing effects on one another to try to simulate color-grading, but it doesn’t really come close most of the time.

5 Likes

bumping this, I took a screenshot of my game, and quantized it in paint . net extremely to only two colours. And the two-tone effect it gives looks so cool! It would fit so well for a robot camera, or even just as a visual effect when something happens in game! there are so many use cases I can think of, creating an old VHS camera effect with limited bit-depth, artsy 2d type games with only two colours available, and I’m sure there’s more. please add!

like isn’t this the most aesthetic image ever??

2 Likes

bumping this once more, why has roblox still not done this? that looks insanely cool

1 Like

I would absolutely love having color quantization and pixelation effects in Roblox.

In all honesty I think Roblox needs wayyyy more post processing effects.
It’s currently so extremely limited.

It would also be neat to have tone mapping or palette filters.

Palette filters basically take a color palette as input and replace every single pixel color on screen so it only contains colors that are present in the palette and it can add dithering to reduce obvious banding.

This would be super useful for artistic things, such as if you only want a few specific colors to display on screen.
Let’s you make cool stuff like this.

This image I simply created by pixelating and replacing all colors with colors in a palette.
This would be super cool to have as a post-process filter in Roblox.

(Screenshot from the waiting room btw.)

8 Likes

what numbers should i set the fog to? it just looks like super bright when i try

Set property of FogColor to 250000, 150000, 150000
and then change FogStart and FogEnd to 100,000

1 Like