svelte-webgl-fluid-simulation
svelte-webgl-fluid-simulation copied to clipboard
jpaquim
Play with fluids in your browser (SvelteKit port)
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
jpaquim