Creating a distortion effect

I am actually new to three.js and have only worked on basic stuff .
Is there anyway to create background distortion effect like this website https://hajimewatanabe.jp/portfolio/

I suggest you analyze the implementation of the Website with a tool like Spector.js. It allows you do study the implementation of the shaders.

I have done this right now and found out that the code of one fragment shader contains a comment to a codepen that demonstrates the distortion effect:

1 Like