davidisaaclee / react-video-graph

React component for rendering fragment shader graphs

react-video-graph

Renders a fragment shader graph as a React component.

Uses @davidisaaclee/video-graph to encode the graph.

Usage

<VideoGraph
  graph: this.state.myVideoGraph,
  outputNodeKey: 'master-output',
  runtimeUniforms: {
    'oscillator-node': {
      'currentTime': {
        identifier: 'currentTime',
        value: { type: 'f', data: Date.now() }
      }
    }
  },
  glRef: (glRenderingContext) => this.gl = glRenderingContext
/>

Install

yarn add @davidisaaclee/react-video-graph

Develop

# Build using tsc 
yarn build

# Run Storybook on port 9001
yarn run storybook