# How do we achieve this effect? Can somebody help?

**URL:** <https://discourse.threejs.org/t/how-do-we-achieve-this-effect-can-somebody-help/56472>\
**Category:** Questions\
**Tags:** animation, materials, shaders\
**Created:** [September 28, 2023, 5:40am UTC](https://discourse.threejs.org/t/how-do-we-achieve-this-effect-can-somebody-help/56472 "2023-09-28T05:40:01Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![abhishek10](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/abhishek10/32/31411_2.png) [@abhishek10](https://discourse.threejs.org/u/abhishek10)\
**Post date:** [September 28, 2023, 5:40am UTC](https://discourse.threejs.org/t/how-do-we-achieve-this-effect-can-somebody-help/56472/1 "2023-09-28T05:40:01Z")

</div>

[https://encharm.studio/](https://encharm.studio/)  
I came across this site. It literally has nothing on the page just one card with smooth watery animation on mouseover. Tells so much of things and had me wondering how do I actually code this?

I would really appreciate every help on this post.

---

<div class="post-metadata">

**Author:** ![makc3d](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/makc3d/32/10452_2.png) [@makc3d](https://discourse.threejs.org/u/makc3d)\
**Post date:** [September 28, 2023, 5:57am UTC](https://discourse.threejs.org/t/how-do-we-achieve-this-effect-can-somebody-help/56472/2 "2023-09-28T05:57:52Z")

</div>

the keywords to search for are “fluid simulation”. you can find things like [this](https://paveldogreat.github.io/WebGL-Fluid-Simulation/) and study their code, or maybe [utube videos](https://www.youtube.com/watch?v=qsYE1wMEMPA) explaining how to do this.