feat: turret rotation

packages/website/src/components/MixerScene/components/Model.tsx

@@ -110,86 +110,90 @@ export function Model() {
         });
       })}
 
+      <mesh>
+        <icosahedronGeometry args={[0.1]} />
+        <meshNormalMaterial depthTest={false} depthWrite={false} />
+      </mesh>
+
       <group
+        position={[
+          tankModel.turret_origin.x + trackModel.origin.x,
+          tankModel.turret_origin.z + trackModel.origin.z,
+          tankModel.turret_origin.y + trackModel.origin.y,
+        ]}
         ref={turretGroup}
         rotation={[0, 0, modelTransformEvent.last!.yaw]}
-        position={[
-          tankModel.turret_origin.x +
-            trackModel.origin.x -
-            turretTankModel.turret_origin.x -
-            turretTrackModel.origin.x,
-          tankModel.turret_origin.z +
-            trackModel.origin.z -
-            turretTankModel.turret_origin.z -
-            turretTrackModel.origin.z,
-          tankModel.turret_origin.y +
-            trackModel.origin.y -
-            turretTankModel.turret_origin.y -
-            turretTrackModel.origin.y,
-        ]}
       >
-        {turretNodes.map((node) => {
-          const isCurrentTurret =
-            node.name ===
-            `turret_${turretModel.model_id.toString().padStart(2, "0")}`;
-          const isVisible = isCurrentTurret;
-
-          if (!isVisible) return null;
-
-          return jsxTree(node, {
-            mesh(_, props, key) {
-              return (
-                <mesh
-                  {...props}
-                  key={key}
-                  castShadow
-                  receiveShadow
-                  onPointerDown={handlePointerDown}
-                />
-              );
-            },
-          });
-        })}
-
         <group
           position={[
-            turretTankModel.turret_origin.x +
-              turretTrackModel.origin.x +
-              turretModel.gun_origin.x -
-              gunTankModel.turret_origin.x -
-              gunTrackModel.origin.x -
-              gunTurretModel.gun_origin.x,
-            turretTankModel.turret_origin.z +
-              turretTrackModel.origin.z +
-              turretModel.gun_origin.z -
-              gunTankModel.turret_origin.z -
-              gunTrackModel.origin.z -
-              gunTurretModel.gun_origin.z,
-            turretTankModel.turret_origin.y +
-              turretTrackModel.origin.y +
-              turretModel.gun_origin.y -
-              gunTankModel.turret_origin.y -
-              gunTrackModel.origin.y -
-              gunTurretModel.gun_origin.y,
+            -turretTankModel.turret_origin.x - turretTrackModel.origin.x,
+            -turretTankModel.turret_origin.z - turretTrackModel.origin.z,
+            -turretTankModel.turret_origin.y - turretTrackModel.origin.y,
           ]}
         >
-          {gunNodes.map((node) => {
-            const isCurrentMantlet =
+          {turretNodes.map((node) => {
+            const isCurrentTurret =
               node.name ===
-              `gun_${gunModel.model_id.toString().padStart(2, "0")}_mask`;
-            const isCurrentGun =
-              node.name ===
-              `gun_${gunModel.model_id.toString().padStart(2, "0")}`;
-            const isVisible = isCurrentGun || isCurrentMantlet;
+              `turret_${turretModel.model_id.toString().padStart(2, "0")}`;
+            const isVisible = isCurrentTurret;
 
             if (!isVisible) return null;
 
             return jsxTree(node, {
               mesh(_, props, key) {
-                return <mesh {...props} key={key} castShadow receiveShadow />;
+                return (
+                  <mesh
+                    {...props}
+                    key={key}
+                    castShadow
+                    receiveShadow
+                    onPointerDown={handlePointerDown}
+                  />
+                );
               },
             });
           })}
+
+          <group
+            position={[
+              turretTankModel.turret_origin.x +
+                turretTrackModel.origin.x +
+                turretModel.gun_origin.x -
+                gunTankModel.turret_origin.x -
+                gunTrackModel.origin.x -
+                gunTurretModel.gun_origin.x,
+              turretTankModel.turret_origin.z +
+                turretTrackModel.origin.z +
+                turretModel.gun_origin.z -
+                gunTankModel.turret_origin.z -
+                gunTrackModel.origin.z -
+                gunTurretModel.gun_origin.z,
+              turretTankModel.turret_origin.y +
+                turretTrackModel.origin.y +
+                turretModel.gun_origin.y -
+                gunTankModel.turret_origin.y -
+                gunTrackModel.origin.y -
+                gunTurretModel.gun_origin.y,
+            ]}
+          >
+            {gunNodes.map((node) => {
+              const isCurrentMantlet =
+                node.name ===
+                `gun_${gunModel.model_id.toString().padStart(2, "0")}_mask`;
+              const isCurrentGun =
+                node.name ===
+                `gun_${gunModel.model_id.toString().padStart(2, "0")}`;
+              const isVisible = isCurrentGun || isCurrentMantlet;
+
+              if (!isVisible) return null;
+
+              return jsxTree(node, {
+                mesh(_, props, key) {
+                  return <mesh {...props} key={key} castShadow receiveShadow />;
+                },
+              });
+            })}
+          </group>
         </group>
       </group>
     </group>