Neuro Noise

import { NeuroNoise } from '@paper-design/shaders-react';

function App() {
  return (
    <NeuroNoise
      colorFront="#ffffff"
      colorMid="#47a6ff"
      colorBack="#000000"
      brightness={0.05}
      contrast={0.3}
      speed={1}
    />
  );
}

import { ShaderMount, neuroNoiseFragmentShader } from '@paper-design/shaders';

const container = document.getElementById('container');
const shader = new ShaderMount(
  container,
  neuroNoiseFragmentShader,
  {
    u_colorFront: [1, 1, 1, 1],
    u_colorMid: [0.28, 0.65, 1, 1],
    u_colorBack: [0, 0, 0, 1],
    u_brightness: 0.05,
    u_contrast: 0.3,
    // Sizing uniforms
    u_fit: 2,
    u_scale: 1,
    u_rotation: 0,
    u_offsetX: 0,
    u_offsetY: 0,
    u_originX: 0.5,
    u_originY: 0.5,
    u_worldWidth: 0,
    u_worldHeight: 0,
  },
  {}, // WebGL context attributes
  1   // speed
);