fix: high precision depth map

src/app/tools/tankopedia/[id]/components/Model/TankSandbox.tsx

@@ -1,4 +1,5 @@
 import { Card, Flex, Tabs, Theme } from '@radix-ui/themes';
+import { PerspectiveCamera } from '@react-three/drei';
 import { Canvas } from '@react-three/fiber';
 import { Suspense, use, useEffect, useRef, useState } from 'react';
 import { applyPitchYawLimits } from '../../../../../../core/blitz/applyPitchYawLimits';
@@ -158,12 +159,8 @@ export function TankSandbox() {
             </Tabs.Root>
 
             <div style={{ height: '100%' }}>
-              <Canvas
+              <Canvas shadows ref={canvas} onPointerDown={handlePointerDown}>
-                shadows
+                <PerspectiveCamera makeDefault fov={25} far={32} />
-                ref={canvas}
-                camera={{ fov: 25 }}
-                onPointerDown={handlePointerDown}
-              >
                 <Controls />
                 <SceneProps />
 
@@ -176,7 +173,6 @@ export function TankSandbox() {
             </div>
 
             <Options canvas={canvasWrapper} isFullScreen={isFullScreen} />
-
             <RotationInputs />
           </Flex>
         </Theme>

src/components/ArmorMesh/components/Armor/shaders/fragment.glsl

@@ -10,7 +10,7 @@ uniform float caliber;
 uniform float ricochetAngle;
 uniform float normalization;
 uniform sampler2D externalModuleMask;
-uniform sampler2D spacedArmorDepth;
+uniform highp sampler2D spacedArmorDepth;
 uniform sampler2D spacedArmorMask;
 uniform vec2 resolution;
 varying mat4 vProjectionMatrix;
@@ -112,8 +112,4 @@ void main() {
   } else {
     gl_FragColor = vec4(color, (1.0 - penetrationChance) * 0.5);
   }
-
-  // if (isUnderExternalModule) {
-  //   gl_FragColor = vec4(0.0, 0.0, 1.0, 1.0);
-  // }
 }