# Three.js Fluid render

**URL:** <https://discourse.threejs.org/t/three-js-fluid-render/81272>\
**Category:** Questions\
**Tags:** render\
**Created:** [April 16, 2025, 3:39am UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272 "2025-04-16T03:39:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![wenrenqiang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/wenrenqiang/32/54020_2.png) [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Post date:** [April 16, 2025, 3:39am UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272/1 "2025-04-16T03:39:02Z")

</div>

[dli/fluid: Fluid Particles - http://david.li/fluid](https://github.com/dli/fluid/tree/master)

How to render this in Three.js? Do you have any demo cases?

---

<div class="post-metadata">

**Author:** ![wenrenqiang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/wenrenqiang/32/54020_2.png) [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Post date:** [April 16, 2025, 5:18am UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272/2 "2025-04-16T05:18:06Z")

</div>

[loyd/sph-mc：WebGL SPH + MC](https://github.com/loyd/sph-mc)

---

<div class="post-metadata">

**Author:** ![Oxyn](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/oxyn/32/12902_2.png) [@Oxyn](https://discourse.threejs.org/u/Oxyn)\
**Post date:** [April 16, 2025, 7:32pm UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272/3 "2025-04-16T19:32:12Z")

</div>

There is a Three demo here. But the author didn’t seem very “open” about sharing the code.  
It’s old (2018) and probably not use webGPU despite the title, it could be webGL

> **[Der Schmale - GPU SPH Fluid simulation](https://www.derschmale.com/lab/doodles/sph/build/)**
>
> GPU SPH Fluid simulation with volumetric lighting

The only recent MIT open source is available here (webGPU):  
Despite it’s raw JS/TS/WGSL code, It should be possible to adapt it with some work.

> **[GitHub - matsuoka-601/WebGPU-Ocean: A real-time 3D fluid simulation implemented in...](https://github.com/matsuoka-601/webgpu-ocean)**
>
> A real-time 3D fluid simulation implemented in WebGPU

Something tell me Babylon.js folks _yoinked_ it from here.

---

<div class="post-metadata">

**Author:** ![wenrenqiang](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/wenrenqiang/32/54020_2.png) [@wenrenqiang](https://discourse.threejs.org/u/wenrenqiang)\
**Post date:** [April 17, 2025, 1:03am UTC](https://discourse.threejs.org/t/three-js-fluid-render/81272/4 "2025-04-17T01:03:34Z")

</div>

Thank you, I have read these. I need the WebGL version first, and then the WebGPU version. For the first one that is not open source and very old