gl-react/Examples/AdvancedBlur/Mix.js

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

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

class Mix extends GL.Component {
  render () {
    const { width, height, color, map, factor, children } = this.props;
    return <GL.View
      shader={shaders.mix}
      width={width}
      height={height}
      uniforms={{
        color,
        map,
        factor
      }}>
      <GL.Target uniform="t">{children}</GL.Target>
    </GL.View>;
  }
}

module.exports = Mix;