How can I blur part of a GUI image in Roblox Studio?

Help and Feedback Scripting Support
,
1

Hi everyone :happy3: ,

I’m working on a UI system where I want to blur the entire screen with some images except one specific ImageLabel (like a focus window). I’ve tried using DepthOfFieldEffect + invisible parts and also tried overlaying blurred screenshots, but I’m looking for a cleaner solution.

I also noticed that EditableImage exists as a class in the documentation, but calling Instance.new("EditableImage") doesn’t work in Studio. Is this feature still behind a flag, or not available yet?

:small_blue_diamond: My questions:

  1. Is there any current, supported way to blur an image or part of a GUI in Roblox Studio?
  2. Can we use EditableImage, and if not, is there an ETA or alternative?
  3. What workarounds do you recommend for blurring specific UI elements?

Any help or advice is appreciated!

2

Its outdated
this instance no longer exists and its a separate datatype now

You cant archive UI blur at all
even in a hacky way.

1 Like
3

I found some Modules that blur frames, but not Images.
So it’s not possible with images ?

4

While you might not be able to archive it (I am not completely sure I am interpreting your meaning correctly) - you can in fact create a (gaussian) blur using EditableImages.

The WritePixelsBuffer function with custom blurring logic should work perfectly fine (and ReadPixelsBuffer to get the original image)

5

Yes but you still can’t use this Instance.
It’s not fully released ig.

6

You can use this instance, you just have to use AssetService.CreateEditableImage(), not Instance.new(). As you can see in the EditableImage documentation, it has the tag “not creatable” (which implies that it cannot be created using Instance.new()).

1 Like
7

You can’t read screen/worldmodel so no you cant.
Raycasting would be just straight up wrong and expensive and would never match textures properly.

8

Still not found a solution for blurring Image Buttons :cry:

  • Requesting Any idea.
9

Does anyone know how to do that ?

10

You can try using a community-made module. A quick forum search listed this one:
UI Blur [AUTOMATIC]

1 Like
11

I saw this before, it can’t blur an ImageLabel.
I guess it’s impossible to blur an image for now .

1 Like
12

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.