https://github.com/transitive-bullshit/react-fluid-animation
Fluid media animation for React powered by WebGL.
https://github.com/transitive-bullshit/react-fluid-animation
fluid fluid-simulation react webgl
Last synced: about 2 months ago
JSON representation
Fluid media animation for React powered by WebGL.
- Host: GitHub
- URL: https://github.com/transitive-bullshit/react-fluid-animation
- Owner: transitive-bullshit
- Created: 2018-12-12T09:18:35.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2020-07-11T23:10:52.000Z (almost 5 years ago)
- Last Synced: 2025-03-28T10:01:53.536Z (2 months ago)
- Topics: fluid, fluid-simulation, react, webgl
- Language: JavaScript
- Homepage: https://transitive-bullshit.github.io/react-fluid-animation/
- Size: 15.3 MB
- Stars: 89
- Watchers: 2
- Forks: 37
- Open Issues: 6
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# react-fluid-animation ([demo](https://transitive-bullshit.github.io/react-fluid-animation/))
> Fluid media simulation for React powered by WebGL.
[](https://www.npmjs.com/package/react-fluid-animation) [](https://travis-ci.com/transitive-bullshit/react-fluid-animation) [](https://standardjs.com)
[](https://transitive-bullshit.github.io/react-fluid-animation/)
This is a port of the WebGL fluid animation by [Pavel Dobryakov](https://github.com/PavelDoGreat/WebGL-Fluid-Simulation), which itself is a port of [GPU Gems Chapter 38](http://developer.download.nvidia.com/books/HTML/gpugems/gpugems_ch38.html). It provides a very fast, stable fluid simulation by iteratively solving the Navier-Stokes equations for incompressible flow.
## Install
```bash
npm install --save react-fluid-animation
```## Usage
Check out the [demo](https://transitive-bullshit.github.io/react-fluid-animation/).
```jsx
import React, { Component } from 'react'import FluidAnimation from 'react-fluid-animation'
export default class App extends Component {
render () {
return (
)
}
}```
## Props
TODO
## Credits
- [Pavel Dobryakov](https://github.com/PavelDoGreat/WebGL-Fluid-Simulation) - Original WebGL fluid experiment by Pavel Dobryakov. This project is a direct port and extension of Pavel's excellent work.
- [GPU Gems Chapter 38](http://developer.download.nvidia.com/books/HTML/gpugems/gpugems_ch38.html) - Fast fluid dynamics simulation on the GPU.
- [jwagner](https://github.com/jwagner/fluidwebgl) - Similar WebGL implementation.
- [haxiomic](https://github.com/haxiomic/GPU-Fluid-Experiments) - Alternative WebGL fluid experiment.## License
MIT © [Travis Fischer](https://github.com/transitive-bullshit)
Support my OSS work by following me on twitter
![]()