MartinRGB/stable_fluid_r3f

React Three Fiber Version

Stable Fluids with three.js - the three.js original version

This is a R3F stabe-fluid project

live preview current is vector-field driven

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

Learn More

To learn more about Fluid Simulation

• Fluid Simulation Articles:

  1. https://mofu-dev.com/en/blog/stable-fluids/
  2. https://29a.ch/2012/12/16/webgl-fluid-simulation
  3. https://github.com/amandaghassaei/gpu-io/tree/main/examples/fluid
  4. http://nlpr.ia.ac.cn/2012papers/gjkw/gk45.pdf
  5. https://jamie-wong.com/2016/08/05/webgl-fluid-simulation/
  6. https://paveldogreat.github.io/WebGL-Fluid-Simulation/ (Pavel told me that he used knowlege in GPU Gems)
  7. https://developer.nvidia.com/gpugems/gpugems/part-vi-beyond-triangles/chapter-38-fast-fluid-dynamics-simulation-gpu
  8. https://pages.cs.wisc.edu/~chaol/data/cs777/stam-stable_fluids.pdf
  9. https://shahriyarshahrabi.medium.com/gentle-introduction-to-fluid-simulation-for-programmers-and-technical-artists-7c0045c40bac (Unity Implementation)

• Fluid Simulation Books:

  1. "SECTION IV:Fluid Simulation" from 'Foundations of Physcially Based Modelling & Animation'

  2. 'Fluid Simulation for Computer Graphics'

  3. 'The Art Of Fluid Simulation' —— Jos Stam

• SPH Method:

  1. https://ttnghia.github.io/posts/sph-fluid-simulation-v2/
  2. https://github.com/wi-re/openMaelstrom
  3. http://dev.miaumiau.cat/sph/
  4. https://geeks3d.com/20100809/siggraph-2010-screen-space-fluid-rendering-for-games/

• FLIP Method:

  1. https://github.com/bcolloran/webgl-fluid
  2. https://github.com/austinEng/WebGL-PIC-FLIP-Fluid

• Other Project:

  1. https://github.com/evanw/webgl-water
  2. https://transitive-bullshit.github.io/react-fluid-animation/