I'm new to shaders specifically GLSL but am familar with concepts in generative art used in touch designer and javascript. I'm trying to create a shader material in react3 fiber, I want to create a simple distortion on my 3d object:
Before -
After -
I'm not show what and how i should be going about this would i be writing a vertex shader or fragment shader? How i approach this should it be math created noise or an image based noise displacement? I will be animating the displacement later so would need to be a uniform factor/value.
Just need some starter concepts to point me towards :)