A Whole New World: ROBLOX Adds Post-Effects and Anti-Aliasing

May

17, 2016

by ConvexRumbler


Archive

You asked, we listened. Here at ROBLOX, we want to continue providing our creators with a dynamic creative toolbox so that they can build the ultimate gaming experience. Our vision is founded on powering the imagination of up-and-coming game developers. In that respect, we believe that you should be equipped with powerful, easy-to-use tools that will not only allow for a greater assortment of immersive environments, but also add another layer of aesthetic diversity to your games and experiences. Today, we’re proud to announce that we have significantly expanded the visual capabilities of our platform with a medley of new, breathtaking post-processing effects and anti-aliasing.

These additions will open up more avenues of creativity and world building for our ever-evolving platform, as well as enable smoother-looking graphics. But enough talk – let’s check out how these new updates look in-game!

Post-Processing Effects

Our newest update, developed by Max “maxvee” Volkov and I, Michal “ConvexRumbler” Benatsky, introduces four new jaw-dropping post-processing effects: Color Correction, Sun Rays, Bloom, and Blur. If you thought your game looked outstanding before, wait ‘til you enable these shaders!

Color Correction

Color Correction gives you enormous control over the visual aesthetic of your game. You can adjust brightness, contrast, saturation, and tint to transform the ambience of your environments.

RobloxContrast

High Saturation (left) vs Low Saturation (right)

You can also try using Color Correction to enhance various game effects. You can integrate fade outs for transitions, oversaturate for a more cartoony aesthetic, desaturate for a more noir-style game, or add a red tint to indicate that the player is taking damage. Watch the video below to see some of these effects in action!

These effects are enabled regardless of the user’s quality settings.

Sun Rays

Is it summer yet? Not quite, but you may need some sunglasses for this special visual effect! Sun Rays add amazing light shafts to your scene for greater emotion and visual appeal.

Glorious sun rays!

From sunrise to sunset, we think you’ll be pleased to see how much of a difference adding Sun Rays to your game makes. This video speaks for itself. Check it out!

Sun Rays are enabled on quality levels 8 and up, excluding mobile devices currently.

Bloom

Bloom adds a neat glowing effect. This can make ROBLOX experiences feel more cinematic and life-like by creating a distinct radiant characteristic on various objects.

Bloom

Watch how the “glow” on the character’s head brightens as bloom increases

This is primarily a physiological effect that occurs when light coming off of really bright objects is scattered within the human eye or in the atmosphere. You can use Bloom to make objects appear brighter or more intense than normal, as you can see in the GIF above and video below.

This setting is enabled on quality levels 6 and up (mobile devices included).

Blur

Blur is a versatile visual tool that can be used to add flair to menu transitions or add an effect that simulates disorientation, low health, and more!

Blur

Nothing’s wrong with your eyes – that’s the blur effect![

Prior to this update, you needed to use deep stacks of transparent parts with Neon material to simulate blurring. Instead, we recommend using the Blur object for greater efficiency and control over the size of the effect. Check out the video below to see more!

This setting is enabled on quality levels 6 and up (mobile devices included).

Anti-Aliasing

When our developers implemented post-processing effects in ROBLOX, they were also able to improve the overall image quality of ROBLOX. Multisample Anti-Aliasing (MSAA, for short) is used to smooth jagged lines, which greatly enhances the visuals of our platform.

antialiasing

If you look closely, you can see that some of the jagged edges on the wood in the left picture have been smoothed by anti-aliasing in the right picture.

This setting is automatically enabled on quality level 9 and up if your GPU supports it.


Max and I overcame enormous challenges to deliver this jam-packed update. Not only did we need to optimize performance for these effects across all platforms, but we also needed to rework the higher level rendering code to support post-effects and anti-aliasing together with previous effects, such as SSAO and Neon. Thank you, Arseny “zeuxcg” Kapoulkine, for helping to implement this update!

Please note that this update is currently only live on Windows, Mac, and Xbox One. We will have more updates on mobile availability soon. Furthermore, we plan to add more post-effects in the future, so keep checking in.

Be sure to try out these new post-effects for yourself and let us know what you think! Or, even better, show us how you’ve implemented these tools into your worlds! We can’t wait to see what you’ll imagine next.