feat: include lower part of barrel

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

@@ -4,8 +4,9 @@ import { PerspectiveCamera } from '@react-three/drei';
 import { Canvas } from '@react-three/fiber';
 import { Suspense, use, useEffect, useRef, useState } from 'react';
 import { isMobile } from 'react-device-detect';
-import { Armor } from '../../../../../../components/Armor';
+import { Scene } from 'three';
 import { ShotDisplay } from '../../../../../../components/Armor/components/ShotDisplay';
+import { SpacedArmorScene } from '../../../../../../components/Armor/components/SpacedArmorScene';
 import { applyPitchYawLimits } from '../../../../../../core/blitz/applyPitchYawLimits';
 import { modelDefinitions } from '../../../../../../core/blitzkrieg/modelDefinitions';
 import { modelTransformEvent } from '../../../../../../core/blitzkrieg/modelTransform';
@@ -28,7 +29,6 @@ import { RotationInputs } from '../QuickInputs';
 import { SceneProps } from '../SceneProps';
 import { ModelLoader } from './components/ModelLoader';
 import { Options } from './components/Options';
-import { TankModel } from './components/TankModel';
 
 export function TankSandbox() {
   const canvas = useRef<HTMLCanvasElement>(null);
@@ -220,8 +220,9 @@ export function TankSandbox() {
 
                   <Suspense fallback={<ModelLoader />}>
                     <Lighting />
-                    <TankModel />
-                    <Armor />
+                    {/* <TankModel /> */}
+                    {/* <Armor /> */}
+                    <SpacedArmorScene scene={new Scene()} />
                     <ShotDisplay />
                   </Suspense>
                 </Canvas>

src/components/Armor/components/SpacedArmorScene.tsx

@@ -259,9 +259,9 @@ export const SpacedArmorScene = memo<SpacedArmorSceneProps>(({ scene }) => {
           </group>
 
           {modelNodes.map((node) => {
-            const isCurrentGun =
-              node.name ===
-              `gun_${gunModelDefinition.model.toString().padStart(2, '0')}`;
+            const isCurrentGun = node.name.startsWith(
+              `gun_${gunModelDefinition.model.toString().padStart(2, '0')}`,
+            );
             const isVisible = isCurrentGun;
 
             if (!isVisible) return null;