boxFade works

src/psychadelic-graphics/psychadelicColors.frag.glsl

@@ -14,6 +14,19 @@ float random (vec2 st) {
     return fract(sin(dot(st.xy, vec2(12.9898,78.233)))* 43758.5453123);
 }
 
+vec4 boxFade(vec4 inputColor, float boxSize, float period) {
+    float canvasSize = max(u_canvasWidth, u_canvasHeight);
+
+    vec2 uv = gl_FragCoord.xy/vec2(canvasSize, canvasSize);
+    uv.x = floor(uv.x / boxSize) * boxSize;
+    uv.y = floor(uv.y / boxSize) * boxSize;
+
+    float rand = random(uv);
+    float mask = mod(u_time / period, 1.4);
+
+    return rand < mask ? inputColor : vec4(0.0, 0.0, 0.0, 1.0);
+}
+
 void main() {
     float canvasSize = max(u_canvasWidth, u_canvasHeight);
     vec2 uv = gl_FragCoord.xy/vec2(canvasSize, canvasSize);
@@ -22,33 +35,11 @@ void main() {
     vec3 green = vec3(0.0, 1.0, 0.0);
     vec3 blue = vec3(0.0, 0.0, 1.0);
 
+    vec4 o = vec4(uv.x, 0., uv.y, 1.0);
     float size = 0.01;
-
-    uv.x = floor(uv.x / size) * size;
-    uv.y = floor(uv.y / size) * size;
-
-    float rand = random(uv);
-
     float period = 5.0;
-    float mask = mod(u_time / period, 1.4);
 
-    float x = rand < mask ? uv.x : 0.0;
-    float y = rand < mask ? uv.y : 0.0;
-
-    fragColor = vec4(x, 0.0, y, 1.0);
+    fragColor = boxFade(o, size, period);
  
 }
 
-vec4 boxFade(vec4 inputColor, float boxSize, float period) {
-    float canvasSize = max(u_canvasWidth, u_canvasHeight);
-
-    vec2 uv = gl_FragCoord.xy/vec2(canvasSize, canvasSize);
-
-    float x = floor(uv.x / boxSize) * boxSize;
-    float y = floor(uv.y / boxSize) * boxSize;
-
-    float rand = random(uv);
-    float mask = mod(u_time / period, 1.4);
-
-    return rand < mask ? inputColor : vec4(0.0, 0.0, 0.0, 1.0);
-}