Email or username:

Password:

Forgot your password?
Niki Tonsky

How to blur correctly. Colors outside must leak into the blur, even if they are positioned 100% outside. This makes blur continuous on e.g. scroll

17 comments
Niki Tonsky

Example of jitter caused by incorrect blurring (watch left side of the blur)

Niki Tonsky

and how to do it correctly (in Humble UI, of course)

Niki Tonsky

Totally worth it investing 3+ years into my own framework just to get some of these little details right

Niki Tonsky

Also happy that I can build a quick prototype in Humble UI to demonstrate what I mean in 10 minutes or less. Good stuff

James Conroy-Finn

@nikitonsky can I see the source code somewhere? I’m curious how you’re laying this stuff out.

James Conroy-Finn

@nikitonsky nice and succinct!

I assume the image wouldn’t be too hard to replace with pure HumbleUI either. Just lots of text and layout jiggery-pokery.

Niki Tonsky

@jcf Yeah, doesn’t matter what’s in background

Niki Tonsky

@timthelion look at the background around the word “Gallery” when it hovers over leftside menu on screenshot

Wolf480pl

@nikitonsky my initial reaction was "don't blur, just cover it with a solid color rectangle" before I realized you're not talking about redacting information 😆

Niki Tonsky

@dmitriid btw I never had problem with it. I guess not everybody has a feeling for good composition

Dimitri

@nikitonsky this issue is also the bane of "Screen Space" effects in games. Like Screen Space reflections disappearing from the water surface when the actual object is outside of the screen, and then reappearing back when the object itself is back.

Jan

@nikitonsky My name is Blurry Face
and I care what you think.

🎶

Go Up