feat: accurate external module thickness

src/components/ArmorMesh/components/Armor/index.tsx

@@ -17,12 +17,14 @@ interface ArmorMeshProps extends MeshProps {
   isSpaced: boolean;
   isExternalModule?: boolean;
   thickness: number;
+  maxExternalModuleThickness: number;
 }
 
 export function ArmorMesh({
   isSpaced,
   isExternalModule = false,
   thickness,
+  maxExternalModuleThickness,
   duel,
   ...props
 }: ArmorMeshProps) {
@@ -68,6 +70,7 @@ export function ArmorMesh({
             projectionMatrixInverse: { value: null },
             zNear: { value: camera.near },
             zFar: { value: camera.far },
+            maxExternalModuleThickness: { value: maxExternalModuleThickness },
             isSpaced: { value: isSpaced },
             isExplosive: { value: isExplosive(shell.type) },
             canSplash: { value: canSplash(shell.type) },

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

@@ -12,6 +12,7 @@ uniform sampler2D externalModuleMask;
 uniform sampler2D spacedArmorDepth;
 uniform vec2 resolution;
 varying mat4 vProjectionMatrix;
+uniform float maxExternalModuleThickness;
 
 float depthToDistance(float depth) {
   mat4 projectionMatrixInverse = inverse(vProjectionMatrix);
@@ -46,10 +47,11 @@ void main() {
   } else {
     float piercedPenetration = penetration;
 
-    // if (isUnderExternalModule) {
-    //   // TODO: ADD 
-    //   piercedPenetration -= 50.0;
-    // }
+    if (isUnderExternalModule) {
+      float normalizedExternalModuleThickness = externalModuleMaskColor.g;
+      float externalModuleThickness = normalizedExternalModuleThickness * maxExternalModuleThickness;
+      piercedPenetration -= externalModuleThickness;
+    }
 
     if (isExplosive) {
       // 50% loss of remaining penetration per meter

src/components/ArmorMesh/components/ExternalModuleMask.tsx

@@ -3,25 +3,37 @@ import { WebGLRenderTarget } from 'three';
 
 export const externalModuleMaskRenderTarget = new WebGLRenderTarget();
 
-interface ArmorMeshExternalModuleMaskProps extends MeshProps {
-  exclude?: boolean;
-}
+type ArmorMeshExternalModuleMaskProps = MeshProps &
+  (
+    | {
+        exclude?: false;
+        maxThickness: number;
+        thickness: number;
+      }
+    | {
+        exclude: true;
+      }
+  );
 
-export function ArmorMeshExternalModuleMask({
-  exclude = false,
-  ...props
-}: ArmorMeshExternalModuleMaskProps) {
+export function ArmorMeshExternalModuleMask(
+  props: ArmorMeshExternalModuleMaskProps,
+) {
   return (
     <>
-      {exclude && (
+      {props.exclude && (
         <mesh {...props} renderOrder={0}>
           <meshBasicMaterial colorWrite={false} />
         </mesh>
       )}
 
-      {!exclude && (
+      {!props.exclude && (
         <mesh {...props} renderOrder={1}>
-          <meshBasicMaterial color="#ff0000" depthWrite={false} />
+          <meshBasicMaterial
+            color={`rgb(255, ${
+              (props.thickness / props.maxThickness) * 255
+            }, 0)`}
+            depthWrite={false}
+          />
         </mesh>
       )}
     </>