UDATED [9/11/2023]
NEW: DIRECT BLURRING & NEW METHOD [2]
RECOMMENDED:
- Method 2 (Or Direct Blur)
- Direct Blur (Or Method2)
[UPDATE INFO]
if you dont get what “Method 2” is, It’s the New method
above the old method.
So I saw this one topic and I wanted to re-make the module script basically to make everything simpler and automatic.
And well, I did that and here is how it turned out.
So first of all to actually make the blur frame all you need is one Script no local script just a script, You’ll need to place that script inside the frame that you want to be blurred.
When you did that all the code you’ll need to type in is this:
require(14724211362):ModifyFrame(script.Parent, "Blur")
OLD METHOD:
require(13699518434):BlurFrame(script.Parent)
After entering the provided code, it’s important to ensure that the background of your “main frames” are slightly transparent. This adjustment is essential to make the blur effect perceptible. By allowing some transparency in the background, you enable the blur to interact with the underlying elements, creating a noticeable visual distinction and enhancing the overall aesthetics of your design.
And I noticed that in the original post there was a bit of an outline blur, Which i also fixed by just setting the automatic generated frame’s size to Udmi2.new(0.95, 0, 0.95, 0)
The aim here is to streamline the process to the extent that you don’t need to take any additional actions. In other words, the goal is to make the entire system operate seamlessly and automatically, requiring minimal manual intervention or configuration on your part.
Here a few screen shots I made:

If you’re curious about the references DPT_3438751, DPT_51650037, and DPT_87511280, these identifiers represent specific depth of field settings for each frame. As previously mentioned, if you have three frames in your project, each frame has its dedicated and customized depth of field setting denoted by these unique identifiers. This individualization allows you to fine-tune and control the depth of field effect for each frame independently, ensuring precise and tailored visual results for your entire composition.
Does this lack in performance?
The performance impact of using RunService.RenderStepped
and RunService.Heartbeat
depends on various factors, including the complexity of the scripts and the frequency of their execution. These services are commonly used for handling game logic and rendering updates, but they can potentially affect performance if not used efficiently.
Additional Information:
Each frame will be allocated its dedicated directory within the CurrentCamera
container. For instance, when applying the :BlurFrame()
method, it will trigger the creation of an individual directory labeled as “Blur.” Similarly, upon utilizing the :NeonFrame()
method, a distinct directory titled “Neon” will be established. This meticulous organization ensures enhanced structural clarity and orderliness.
Each script will incorporate an automatic mechanism for the real-time updating of the configurations initially provided to them. Consequently, with every heartbeat or execution cycle, these scripts will revert to their original settings, effectively resetting any alterations made during prior executions. This functionality ensures consistent and predictable behavior, maintaining the integrity of the original parameters throughout each script’s operation.
IMPORTANT NOTE:
Employing multiple Blur Scripts within a single frame to apply blurring effects may potentially impact performance adversely. This is due to the cumulative computational load imposed by running multiple blurring processes simultaneously. Consequently, resource-intensive operations can lead to reduced frame rendering speed and overall system performance degradation. Therefore, it’s advisable to carefully consider the number and complexity of Blur Scripts applied within a single frame to strike a balance between achieving the desired visual effect and maintaining optimal performance. Optimization techniques such as parallelization or using more efficient algorithms may also be explored to mitigate performance issues when employing multiple blurring scripts.
While I believe that Roblox could potentially introduce their own built-in functions like UiBlur, UiNeon, and UiShadow, it’s important to recognize that this alone may not provide a definitive solution to the problem at hand. These built-in functions, while convenient, might still have limitations or lack certain customizability that developers require for specific scenarios. Therefore, relying solely on Roblox’s built-in options may not be the most comprehensive or adaptable approach to addressing the issue. A more robust solution may involve a combination of built-in features and custom scripting to achieve the desired level of control and flexibility in UI design and effects.
READ IF YOU RAN INTO ANY PROBLEMS [9/11/2023]
The script and pre-built script are fully functional unless you created an modded
version of the module script the scripts that i made should work 100% as intended.
If you still encounter problems try one of the options bellow.
-
Check if you are using a local script.
This is a HUGE mistake people make when starting.
in fact a lot of people contacted me just because of it. -
Check if you are using the minimum required graphics quality
The depth of field effect can only be seen on a certain level of quality -
Check for additional problems.
If the script worked but suddenly stopped make sure to check out this topic
again to see if the script is outdated. -
Always make your objects background a bit transparent.
Honestly this is just common sense you’ll need to make the background
transparent to actually see the blurring. -
Check for the right module id.
Sometimes i might forget to update the preview of the script so always
check the Current Module Id.
All of the blur effects will inherently produce reflections on various UI elements, such as frames and buttons. This is primarily because the parts responsible for these effects also influence the depth of field within the scene. Although these parts maintain transparency, comprehending the intricacies of how reflections function can be challenging. Reflections in this context occur as a result of the interplay between the blurred elements and their surrounding environment. The transparency of these elements allows light to interact with them, creating subtle visual reflections that enhance the overall aesthetic appeal and realism of the scene. Mastery of the nuances of such reflections often requires a deeper understanding of lighting, material properties, and shader programming to achieve the desired visual effects.
If you are unable to perceive the blur effect, please consider adjusting your graphics settings to a higher level. A minimum setting of 8 is typically necessary to fully experience the depth of field effect. Users with graphics settings below this threshold may encounter difficulties in discerning the blurring, as the lower settings may not adequately render the desired visual depth and realism.
In the event that none of the suggested solutions appear to resolve the issue, and you have confirmed that your graphics settings meet the minimum requirement, it is advisable to double-check whether you have utilized the correct Module ID. You can locate the precise Module ID within the provided post or documentation. Using the accurate Module ID is crucial for ensuring that the script or module functions as intended and can effectively apply the desired visual effects to your project.
Both the Old and The new version work perfectly fine.
It’s up to you which one to use.
Special thanks to TackleNevir for reaching out to me.
GET THE PRE-BUILT SCRIPTS HERE:
NEW VERSIONS:
Click here to get the pre-built version with all the newest available features.
Click here to get the module script
OLD VERSIONS:
Click here to get the pre-built version with all the newest available features.
Click here to get the module script
DIRECT BLUR VERSIONS:
Click here to get the pre-built direct blurring script.
If you modify any of these please keep the original credits, posts and warnings.
CURRENT /CORRECT MODULE ID
14724211362 (USE FOR NEW VERSION)
13699518434 (USE FOR OLD VERSION)
CORRECT PRE BUILT SCRIPT IDS
14752616881 (USE FOR DIRECT BLURRING)