WebGL Fluid Simulation

Play here: https://svelte-webgl-fluid-simulation.vercel.app

Original: https://paveldogreat.github.io/WebGL-Fluid-Simulation

Svelte port

Built using SvelteKit.

Building svelte-knobby submodule

Currently using my fork of svelte-knobby while waiting for this upstream PR to be integrated.

git submodule update --init

pushd packages/svelte-knobby && npm i && npm run build && npm run package; popd

Developing

Install dependencies with pnpm i, start a development server:

pnpm dev

# or start the server and open the app in a new browser tab
pnpm dev --open

Building

To create a production version of the app:

pnpm build

You can preview the production build with pnpm preview.

To deploy your app, you may need to install an adapter for your target environment.

References

https://github.com/PavelDoGreat/WebGL-Fluid-Simulation

Original references

http://developer.download.nvidia.com/books/HTML/gpugems/gpugems_ch38.html

https://github.com/mharrys/fluids-2d

https://github.com/haxiomic/GPU-Fluid-Experiments

License

The code is available under the MIT license