Image distortion animation

Hi there, I’m absolutely new to three.js (I only have some fundamental knowledge of it) and it would be great if someone could point me in the right direction here. I have a project with this type of animation, that was created in AfterEffects. It’s sort of image distortion with some glitchy transitions. I’m not quite sure where to start and which tools of three.js I could use here, so I would appreciate any help here

You would do that with glsl and shaders, or three’s new shader model tsl. Shaders are purely math. Bruno Simons Threejs journey has a section exploring shaders, there’s and countless of resources on Youtube.

1 Like