stripe effect with noise

stripe.glsl

uniform vec4 offsetRepeat; // from ThreeJS Texture
uniform float time;
#pragma glslify: noise = require('glsl-noise/simplex/2d');

float pattern(float v, float repeats, float threshold) {
  float result = mod(v * repeats, 1.0);
  return step(threshold, result);
}

void main () {
  // V tex coord normalized to 0 - 1
  float vCoord = vUv.y / offsetRepeat.w;

  // offset coord with nosie for distortions
  vCoord += 0.15 * noise(vec2(vUv.y * 0.05, time * 0.01));
  vCoord += 0.01 * noise(vec2(vUv.x * 0.05, time * 0.01));

  // and/or offset these with noise too
  float repeats = 40.0; // total # of stripes
  float thickness = 0.5; // between 0 - 1
  float stripe = pattern(vCoord, repeats, thickness);

  // your two colors
  vec3 colorA = vec3(1.0);
  vec3 colorB = vec3(0.0);
  gl_FragColor.rgb = mix(colorA, colorB, stripe);
  gl_FragColor.a = 1.0;
}

👍