I am new to the WebGL and shaders world, and I was wondering what the best way to make the effect below.
Work in progress
Desired effect
I used THREE.TextGeometry to draw the text. In ShaderMaterial text I created a simple light. And I'm moving vertices with a simple noise , to give a cloth effect.
What I need now is basically move the colored pixels. Could someone give me a direction? Thanks!
It's not really clear what effect you're trying to achieve. I looks like you're trying to achieve a post processing effect that makes it look like you're looking through glass with surface imperfections.
In that case you'd probably use a post processing effect. You'd use a normal map to represent which way the glass is pointing at each pixel and then use that in a post processing shader to look at the rendered text geometry based on which way the normal bends the direction the bump in the glass points at.
There's a non-three.js example here.
