Hover effect question

Hi friends, If anyone could help me to understand how can I make a similar mouse hover effect https://www.designembraced.com/ ? Thank you!

I have no code ready but I guess I would implement this kind of displacement in the vertex shader based on a normal distribution function in order to achieve the typical “bell curve”. That means you create a mesh based on PlaneBufferGeometry and an instance of ShaderMaterial. The shader needs to evaluate the mouse position so you can use raycasting to find the respective intersection point on the plane. This vector can then be assigned to the shader material as a uniform.

1 Like

Thank you @Mugen87 :wink: I’II try it right now! I’m new with Three js, sometimes it’s not so clear for understand

ouu this one looks almost what I need https://threejs.org/examples/#webgl_gpgpu_water