Refine Hero component parameters for enhanced mobile rendering

- Updated mobile camera position for improved perspective.
- Adjusted character grid scale and pixel size for better visual fidelity on mobile devices.
- Set character size to a fixed value for consistency across screen sizes.

Author: valebearzotti

src/components/hero-404/index.tsx

@@ -19,7 +19,7 @@ const DESKTOP_HEIGHT = 256;
 const MOBILE_HEIGHT = 260;
 
 const DESKTOP_CAMERA_POSITION = new Vec3(8, -4, 15);
-const MOBILE_CAMERA_POSITION = new Vec3(2, -2, 1);
+const MOBILE_CAMERA_POSITION = new Vec3(14, -10, 21);
 
 const MODEL_POSITION = new Vec3(0, 0, 0);
 
@@ -69,7 +69,7 @@ uniform sampler2D uTexture;
 out vec4 fragColor;
 float character(int n, vec2 p) {
   // character grid scale
-  float scale = uResolution.x < 768.0 ? 6.0 : 6.0;
+  float scale = uResolution.x < 768.0 ? 5.0 : 6.0;
   p = floor(p * vec2(-scale, scale) + 2.5);
   if(clamp(p.x, 0.0, 6.0) == p.x && clamp(p.y, 0.0, 6.0) == p.y) {
     int a = int(round(p.x) + 5.0 * round(p.y));
@@ -80,7 +80,7 @@ float character(int n, vec2 p) {
 void main() {
   vec2 pix = gl_FragCoord.xy;
   // pixel size
-  float pixelSize = uResolution.x < 768.0 ? 12.0 : 14.0;
+  float pixelSize = uResolution.x < 768.0 ? 10.0 : 14.0;
   vec3 col = texture(uTexture, floor(pix / pixelSize) * pixelSize / uResolution.xy).rgb;
   float gray = 0.3 * col.r + 0.59 * col.g + 0.11 * col.b;
   int n = 2048;
@@ -92,7 +92,7 @@ void main() {
   if(gray > 0.7) n = 13195790;
   if(gray > 0.8) n = 11512810;
   // char size
-  float charSize = uResolution.x < 768.0 ? 6.0 : 4.0;
+  float charSize = 4.0;
   vec2 p = mod(pix / charSize, 2.0) - vec2(1.0);
   col = vec3(character(n, p));
   if (gray < 0.2) {