fazweb3/react-fluid-animation

Fluid media animation for React powered by WebGL.

react-fluid-animation (demo)

Fluid media simulation for React powered by WebGL.

This is a port of the WebGL fluid animation by Pavel Dobryakov, which itself is a port of GPU Gems Chapter 38. It provides a very fast, stable fluid simulation by iteratively solving the Navier-Stokes equations for incompressible flow.

Install

npm install --save react-fluid-animation

Usage

Check out the demo.

import React, { Component } from 'react'

import FluidAnimation from 'react-fluid-animation'

export default class App extends Component {
  render () {
    return (
      <FluidAnimation
        style={{ height: '100vh' }}
      />
    )
  }
}

Props

TODO

Credits

• Pavel Dobryakov - Original WebGL fluid experiment by Pavel Dobryakov. This project is a direct port and extension of Pavel's excellent work.
• GPU Gems Chapter 38 - Fast fluid dynamics simulation on the GPU.
• jwagner - Similar WebGL implementation.
• haxiomic - Alternative WebGL fluid experiment.

License

MIT © Travis Fischer

Support my OSS work by following me on twitter