gl-react/Examples/VideoBlur/HueRotate.js

const React = require("react");
const GL = require("gl-react");
const glslify = require("glslify");

const shaders = GL.Shaders.create({
  hueRotate: {
    frag: glslify(`${__dirname}/hueRotate.frag`)
  }
});

module.exports = GL.createComponent(
  ({ width, height, hue, children: tex }) =>
  <GL.View
    shader={shaders.hueRotate}
    width={width}
    height={height}
    uniforms={{ hue, tex }}
  />,
  { displayName: "HueRotate"});