Help about water distortion effect threejs

I want to clone a game with threejs. But I’m stuck in creating the water surface effect like the image.
Untitled

I found a piece of code that produces a pretty similar effect, but it applies to the whole screen, not part of the screen.

Anyone have any suggestions?

The video does not seem to work.

You might want to try THREE.Refractor with a water distortion shader like in this example: three.js refraction

1 Like

Thank you, but I want to create a wave like that above the water
Untitled
Can you give me any suggestions?

For some ideas: Benares (shaders)

1 Like