fix canvas transparency - bg color

Author: valebearzotti

src/components/hero-404/index.tsx

@@ -94,11 +94,14 @@ void main() {
   // char size
   float charSize = 4.0;
   vec2 p = mod(pix / charSize, 2.0) - vec2(1.0);
-  col = vec3(character(n, p));
+  float char = character(n, p);
+  
+  vec3 charColor = vec3(1.0);
   if (gray < 0.2) {
-    col *= 0.4;
+    charColor *= 0.4;
   }
-  fragColor = vec4(col, 1.0);
+  
+  fragColor = vec4(charColor, char);
 }`;
 
     const isMobile = () => window.innerWidth < 768;

src/components/hero/index.tsx

@@ -92,16 +92,19 @@ void main() {
   // char size
   float charSize = 4.0;
   vec2 p = mod(pix / charSize, 2.0) - vec2(1.0);
-  col = vec3(character(n, p));
+  float char = character(n, p);
+  
+  vec3 charColor = vec3(1.0);
   if (gray < 0.2) {
-    col *= 0.4;
+    charColor *= 0.4;
   }
-  fragColor = vec4(col, 1.0);
+  
+  fragColor = vec4(charColor, char);
 }`;
 
     const isMobile = () => window.innerWidth < 768;
 
-    const renderer = new Renderer({ antialias: true });
+    const renderer = new Renderer({ antialias: true, alpha: true });
     const gl = renderer.gl;
     gl.clearColor(0.0627, 0.0627, 0.0627, 1.0);
     containerRef.current?.appendChild(gl.canvas);