How to non-pixelate my image on hover specific area

Currently, my image appears pixelated in the ThreeJS environment using the fragment.glsl shader. What I would like to achieve is that when I hover the mouse over a specific part of the image, only that particular area should become clear and not pixelated.

Nice, you’re going to have to mix the pixel shader with some custom glsl to achieve this, have a look at this video tutorial by @akella to get a feel for how to generate a mouse positional circumference in the shader…

1 Like

Can you help me out