blacktrigram 0.7.47 → 0.7.49

package/lib/components/shared/three/anatomy/BodySurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"BodySurface.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BodySurface.tsx"],"sourcesContent":["/**\n * Body Surface component for realistic humanoid skin/flesh rendering\n *\n * **Purpose**: Provides continuous body surface layer between bones and clothing\n * to create organic, human-like appearance instead of robotic segmented look.\n *\n * **Features**:\n * - Continuous skin layer covering neck, torso, shoulders, arms, and legs\n * - Archetype-specific skin tones for visual variety\n * - Proper body thickness scaling based on muscle and fat mass\n * - Double-sided rendering (THREE.DoubleSide) for complete 360° coverage and gap prevention\n * - Smooth tapering for realistic proportions\n * - Enhanced material with subsurface scattering and clearcoat\n * - High-quality geometry with increased segment counts\n * - Shoulder joints for smooth transitions\n *\n * **Rendering Order**: Bones → Muscles (optional) → Body Surface → Clothing\n *\n * @module components/three/BodySurface\n * @category 3D Components\n * @korean 신체표면컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  PECTORALS_RADIUS,\n  CORE_RADIUS,\n  BICEP_RADIUS,\n  FOREARM_RADIUS,\n  QUAD_RADIUS,\n  CALF_RADIUS,\n} from \"../../../../constants/bodyDimensions\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport { getArchetypeSkinTone } from \"../../../../utils/colorUtils\";\n\n/**\n * Props for BodySurface component\n *\n * @korean 신체표면속성\n */\nexport interface BodySurfaceProps {\n  /**\n   * Name of the bone this body surface attaches to\n   * @korean 뼈이름\n   */\n  readonly boneName: string;\n\n  /**\n   * Player archetype for skin tone\n   * @korean 플레이어원형\n   */\n  readonly archetype: PlayerArchetype;\n\n  /**\n   * Physical attributes for body sizing\n   * @korean 신체속성\n   */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth: number;\n    readonly torsoLength: number;\n    readonly armLength: number;\n    readonly legLength: number;\n  };\n\n  /**\n   * Distance from camera for LOD optimization\n   * @korean 카메라거리\n   */\n  readonly cameraDistance?: number;\n}\n\n/**\n * Body surface segment configuration\n *\n * @korean 신체표면세그먼트\n */\ninterface BodySurfaceSegment {\n  readonly geometry: THREE.BufferGeometry;\n  readonly localOffset: THREE.Vector3;\n  readonly localRotation: THREE.Euler;\n}\n\n/**\n * Calculate body thickness multiplier with reasonable limits\n *\n * Uses linear scaling instead of square root to prevent excessive inflation\n * for heavy characters. Caps maximum thickness at 1.20x to maintain realism.\n *\n * @param muscleMass - Muscle mass in kg\n * @param fatMass - Fat mass in kg\n * @returns Body thickness multiplier (0.75 - 1.20)\n * @korean 신체두께계산\n */\nconst calculateBodyThickness = (\n  muscleMass: number,\n  fatMass: number,\n): number => {\n  const referenceMuscle = 35; // Reference: athletic build\n  const referenceFat = 12; // Reference: low body fat\n\n  const muscleRatio = muscleMass / referenceMuscle;\n  const fatRatio = fatMass / referenceFat;\n\n  const muscleContribution = (muscleRatio - 1.0) * 0.15;\n  const fatContribution = (fatRatio - 1.0) * 0.2;\n\n  return Math.max(\n    0.75,\n    Math.min(1.2, 0.85 + muscleContribution + fatContribution),\n  );\n};\n\n/**\n * Determine segment count based on camera distance for LOD\n *\n * @param cameraDistance - Distance from camera\n * @returns Segment count for geometry\n * @korean LOD세그먼트수\n */\nconst getLODSegmentCount = (cameraDistance: number): number => {\n  if (cameraDistance < 5) {\n    return 20; // High detail for close-ups\n  } else if (cameraDistance < 10) {\n    return 16; // Medium detail for normal distance\n  } else {\n    return 12; // Low detail for far distance\n  }\n};\n\n/**\n * Get body surface segments for a specific bone\n *\n * Creates continuous skin geometry appropriate for each body part.\n * Implements LOD (Level of Detail) based on camera distance for performance.\n *\n * @param boneName - Name of the bone\n * @param physicalAttributes - Physical attributes for scaling\n * @param cameraDistance - Distance from camera for LOD\n * @returns Array of body surface segments\n * @korean 신체표면세그먼트가져오기\n */\nconst getBodySurfaceForBone = (\n  boneName: string,\n  physicalAttributes: {\n    muscleMass: number;\n    fatMass: number;\n    shoulderWidth: number;\n    torsoLength: number;\n    armLength: number;\n    legLength: number;\n  },\n  cameraDistance: number = 10,\n): BodySurfaceSegment[] => {\n  const segments: BodySurfaceSegment[] = [];\n\n  const bodyThickness = calculateBodyThickness(\n    physicalAttributes.muscleMass,\n    physicalAttributes.fatMass,\n  );\n\n  const segmentCount = getLODSegmentCount(cameraDistance);\n\n  const torsoScale = physicalAttributes.torsoLength / 59; // Reference: 59cm torso\n  const armScale = physicalAttributes.armLength / 77; // Reference: 77cm arms\n  const legScale = physicalAttributes.legLength / 96; // Reference: 96cm legs\n\n  switch (boneName) {\n    case \"neck\": {\n      const neckRadius = 0.06 * bodyThickness;\n      const neckLength = 0.11 * bodyThickness;\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          neckRadius * 0.9, // Slightly narrower at top (under jaw)\n          neckRadius * 1.2, // Wider at base (base of neck)\n          neckLength,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -neckLength * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          neckRadius * 1.2, // Match neck bottom\n          neckRadius * 1.6, // Flare out to trapezius area\n          neckLength * 0.3,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, -neckLength * 0.75, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"head\": {\n      const headRadius = 0.095 * bodyThickness; // ~19cm head width\n      const headHeight = headRadius * 1.15; // Slightly taller than wide\n\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          headRadius,\n          segmentCount,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, headHeight * 0.15, 0), // Slightly above bone origin\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          headRadius * 0.7,\n          Math.floor(segmentCount * 0.75),\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(\n          0,\n          -headHeight * 0.25,\n          headRadius * 0.15,\n        ),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_upper\": {\n      const width =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.9;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.3;\n      const depth = PECTORALS_RADIUS * 2 * bodyThickness * 0.95;\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(\n          width,\n          height,\n          depth,\n          Math.max(2, Math.round(segmentCount * 0.2)),\n          Math.max(2, Math.round(segmentCount * 0.2)),\n          Math.max(2, Math.round(segmentCount * 0.2)),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_middle\": {\n      const width = (physicalAttributes.shoulderWidth / 100) * bodyThickness;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.35;\n      const depth = PECTORALS_RADIUS * 2 * bodyThickness; // Front to back depth\n\n      const torsoSegmentsX = Math.max(2, Math.round(segmentCount * 0.2));\n      const torsoSegmentsY = Math.max(3, Math.round(segmentCount * 0.3));\n      const torsoSegmentsZ = Math.max(2, Math.round(segmentCount * 0.2));\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(\n          width,\n          height,\n          depth,\n          torsoSegmentsX,\n          torsoSegmentsY,\n          torsoSegmentsZ,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_lower\": {\n      const widthTop =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.95;\n      const widthBottom =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.85;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.3;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          widthTop * 0.5,\n          widthBottom * 0.5,\n          height,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"pelvis\": {\n      const width =\n        (physicalAttributes.shoulderWidth / 100) * 0.85 * bodyThickness;\n      const height = 0.15;\n      const depth = CORE_RADIUS * 2 * bodyThickness;\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(width, height, depth, 3, 2, 3),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"shoulder_L\":\n    case \"shoulder_R\": {\n      const shoulderRadius = BICEP_RADIUS * bodyThickness * 1.4;\n\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          shoulderRadius,\n          segmentCount,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"upper_arm_L\":\n    case \"upper_arm_R\": {\n      const radiusTop = BICEP_RADIUS * bodyThickness * 1.1; // Wider at shoulder\n      const radiusBottom = BICEP_RADIUS * bodyThickness * 0.9; // Narrower at elbow\n      const length = (physicalAttributes.armLength / 100) * armScale * 0.45;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"forearm_L\":\n    case \"forearm_R\": {\n      const radiusTop = FOREARM_RADIUS * bodyThickness * 1.0; // Wider at elbow\n      const radiusBottom = FOREARM_RADIUS * bodyThickness * 0.8; // Less narrow - connects to wrist smoothly\n      const length = (physicalAttributes.armLength / 100) * armScale * 0.4;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"thigh_L\":\n    case \"thigh_R\": {\n      const radiusTop = QUAD_RADIUS * bodyThickness * 1.3; // Wider at hip for smooth connection\n      const radiusBottom = QUAD_RADIUS * bodyThickness * 0.95; // Narrower at knee\n      const length = (physicalAttributes.legLength / 100) * legScale * 0.45;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"shin_L\":\n    case \"shin_R\": {\n      const radiusTop = CALF_RADIUS * bodyThickness * 1.0; // Wider at knee\n      const radiusBottom = CALF_RADIUS * bodyThickness * 0.8; // Less taper - connects to ankle\n      const length = (physicalAttributes.legLength / 100) * legScale * 0.42;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"elbow_L\":\n    case \"elbow_R\": {\n      const elbowRadius = BICEP_RADIUS * bodyThickness * 0.95;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          elbowRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"wrist_L\":\n    case \"wrist_R\": {\n      const wristRadiusTop = FOREARM_RADIUS * bodyThickness * 0.75;\n      const wristRadiusBottom = FOREARM_RADIUS * bodyThickness * 0.6;\n      const wristLength = 0.035 * bodyThickness;\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          wristRadiusTop,\n          wristRadiusBottom,\n          wristLength,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, -wristLength * 0.3, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"hand_L\":\n    case \"hand_R\": {\n      const handBridgeRadius = FOREARM_RADIUS * bodyThickness * 0.55;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          handBridgeRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"knee_L\":\n    case \"knee_R\": {\n      const kneeRadius = QUAD_RADIUS * bodyThickness * 0.9;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          kneeRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      const kneecapRadius = kneeRadius * 0.5;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          kneecapRadius,\n          Math.floor(segmentCount * 0.5),\n          Math.floor(segmentCount * 0.5),\n        ),\n        localOffset: new THREE.Vector3(0, 0, kneeRadius * 0.6),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"hip_L\":\n    case \"hip_R\": {\n      const hipRadius = QUAD_RADIUS * bodyThickness * 1.1;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          hipRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, -hipRadius * 0.3, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"foot_L\":\n    case \"foot_R\": {\n      const ankleRadius = CALF_RADIUS * bodyThickness * 0.75;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          ankleRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n  }\n\n  return segments;\n};\n\n/**\n * BodySurface Component\n *\n * Renders realistic body surface (skin/flesh) attached to a specific bone.\n * Creates organic, human-like appearance by providing continuous body coverage.\n *\n * @example\n * ```tsx\n * <BodySurface\n *   boneName=\"spine_middle\"\n *   archetype={PlayerArchetype.MUSA}\n *   physicalAttributes={musaPhysicalAttrs}\n * />\n * ```\n *\n * @korean 신체표면컴포넌트\n */\nexport const BodySurface: React.FC<BodySurfaceProps> = ({\n  boneName,\n  archetype,\n  physicalAttributes,\n  cameraDistance = 10,\n}) => {\n  const attrs = useMemo(\n    () =>\n      physicalAttributes ?? {\n        muscleMass: 35,\n        fatMass: 12,\n        shoulderWidth: 45,\n        torsoLength: 59,\n        armLength: 77,\n        legLength: 96,\n      },\n    [physicalAttributes],\n  );\n\n  const segments = useMemo(\n    () => getBodySurfaceForBone(boneName, attrs, cameraDistance),\n    [boneName, attrs, cameraDistance],\n  );\n\n  const skinTone = useMemo(() => getArchetypeSkinTone(archetype), [archetype]);\n\n  /**\n   * Create skin material with realistic properties\n   *\n   * Uses MeshPhysicalMaterial for enhanced realism:\n   * - Skin tone color from archetype\n   * - Subsurface scattering with subtle transmission for realistic skin translucency\n   * - Roughness: 0.65 (slightly rough skin texture)\n   * - Metalness: 0.0 (skin is not metallic)\n   * - Clearcoat for natural skin sheen\n   * - Sheen for skin surface properties\n   * - Subtle emissive for alive appearance\n   * - Double-sided: true (render both inside and outside)\n   *\n   * Material properties are intentionally different from Face3D/Hand3D/Foot3D to capture\n   * body-specific skin characteristics:\n   * - transmission: 0.08 (extremities use 0) – BodySurface is the only skin material with\n   *   non-zero transmission, to model subsurface scattering on larger, less directly lit\n   *   body areas.\n   * - thickness: 0.5 (extremities use 0.1) – torso/limb skin is treated as thicker than\n   *   hands, feet, and face, which appear optically thinner.\n   * - clearcoat: 0.15 (extremities use 0.3) – extremities are rendered slightly glossier\n   *   due to being more exposed to direct light, while the main body surface is softer.\n   *\n   * @korean 피부재료생성\n   */\n  const material = useMemo(() => {\n    return new THREE.MeshPhysicalMaterial({\n      color: skinTone,\n      roughness: 0.65, // Slightly rough for realistic skin\n      metalness: 0.0, // Skin is not metallic\n\n      transmission: 0.08, // Small non-zero transmission for subtle skin translucency\n      thickness: 0.5, // Moderate thickness for subsurface scattering\n      ior: 1.4, // Index of refraction for human skin\n\n      clearcoat: 0.15,\n      clearcoatRoughness: 0.8,\n\n      sheen: 0.1,\n      sheenRoughness: 0.8,\n\n      emissive: new THREE.Color(skinTone),\n      emissiveIntensity: 0.02,\n\n      reflectivity: 0.1,\n\n      side: THREE.DoubleSide, // Render both sides for complete body coverage and gap prevention\n      flatShading: false, // Smooth shading for organic look\n    });\n  }, [skinTone]);\n\n  useEffect(() => {\n    return () => {\n      material.dispose();\n    };\n  }, [material]);\n\n  useEffect(() => {\n    return () => {\n      segments.forEach((segment) => {\n        segment.geometry.dispose();\n      });\n    };\n  }, [segments]);\n\n  if (segments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <mesh\n          key={`body-surface-${boneName}-${index}`}\n          geometry={segment.geometry}\n          material={material}\n          position={segment.localOffset.toArray()}\n          rotation={[\n            segment.localRotation.x,\n            segment.localRotation.y,\n            segment.localRotation.z,\n          ]}\n          castShadow\n          receiveShadow\n          name={`body-surface-${boneName}`}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default BodySurface;\n"],"mappings":"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"}
+{"version":3,"file":"BodySurface.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BodySurface.tsx"],"sourcesContent":["/**\n * Body Surface component for realistic humanoid skin/flesh rendering\n *\n * **Purpose**: Provides continuous body surface layer between bones and clothing\n * to create organic, human-like appearance instead of robotic segmented look.\n *\n * **Features**:\n * - Continuous skin layer covering neck, torso, shoulders, arms, and legs\n * - Archetype-specific skin tones for visual variety\n * - Proper body thickness scaling based on muscle and fat mass\n * - Double-sided rendering (THREE.DoubleSide) for complete 360° coverage and gap prevention\n * - Smooth tapering for realistic proportions\n * - Enhanced material with subsurface scattering and clearcoat\n * - High-quality geometry with increased segment counts\n * - Shoulder joints for smooth transitions\n *\n * **Rendering Order**: Bones → Muscles (optional) → Body Surface → Clothing\n *\n * @module components/three/BodySurface\n * @category 3D Components\n * @korean 신체표면컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  PECTORALS_RADIUS,\n  CORE_RADIUS,\n  BICEP_RADIUS,\n  FOREARM_RADIUS,\n  QUAD_RADIUS,\n  CALF_RADIUS,\n} from \"../../../../constants/bodyDimensions\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport { getArchetypeSkinTone } from \"../../../../utils/colorUtils\";\n\n/**\n * Props for BodySurface component\n *\n * @korean 신체표면속성\n */\nexport interface BodySurfaceProps {\n  /**\n   * Name of the bone this body surface attaches to\n   * @korean 뼈이름\n   */\n  readonly boneName: string;\n\n  /**\n   * Player archetype for skin tone\n   * @korean 플레이어원형\n   */\n  readonly archetype: PlayerArchetype;\n\n  /**\n   * Physical attributes for body sizing\n   * @korean 신체속성\n   */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth: number;\n    readonly torsoLength: number;\n    readonly armLength: number;\n    readonly legLength: number;\n  };\n\n  /**\n   * Distance from camera for LOD optimization\n   * @korean 카메라거리\n   */\n  readonly cameraDistance?: number;\n}\n\n/**\n * Body surface segment configuration\n *\n * @korean 신체표면세그먼트\n */\ninterface BodySurfaceSegment {\n  readonly geometry: THREE.BufferGeometry;\n  readonly localOffset: THREE.Vector3;\n  readonly localRotation: THREE.Euler;\n}\n\n/**\n * Calculate body thickness multiplier with reasonable limits\n *\n * Uses linear scaling instead of square root to prevent excessive inflation\n * for heavy characters. Caps maximum thickness at 1.20x to maintain realism.\n *\n * @param muscleMass - Muscle mass in kg\n * @param fatMass - Fat mass in kg\n * @returns Body thickness multiplier (0.75 - 1.20)\n * @korean 신체두께계산\n */\nconst calculateBodyThickness = (\n  muscleMass: number,\n  fatMass: number,\n): number => {\n  const referenceMuscle = 35; // Reference: athletic build\n  const referenceFat = 12; // Reference: low body fat\n\n  const muscleRatio = muscleMass / referenceMuscle;\n  const fatRatio = fatMass / referenceFat;\n\n  const muscleContribution = (muscleRatio - 1.0) * 0.15;\n  const fatContribution = (fatRatio - 1.0) * 0.2;\n\n  return Math.max(\n    0.75,\n    Math.min(1.2, 0.85 + muscleContribution + fatContribution),\n  );\n};\n\n/**\n * Determine segment count based on camera distance for LOD\n *\n * @param cameraDistance - Distance from camera\n * @returns Segment count for geometry\n * @korean LOD세그먼트수\n */\nconst getLODSegmentCount = (cameraDistance: number): number => {\n  if (cameraDistance < 5) {\n    return 20; // High detail for close-ups\n  } else if (cameraDistance < 10) {\n    return 16; // Medium detail for normal distance\n  } else {\n    return 12; // Low detail for far distance\n  }\n};\n\n/**\n * Get body surface segments for a specific bone\n *\n * Creates continuous skin geometry appropriate for each body part.\n * Implements LOD (Level of Detail) based on camera distance for performance.\n *\n * @param boneName - Name of the bone\n * @param physicalAttributes - Physical attributes for scaling\n * @param cameraDistance - Distance from camera for LOD\n * @returns Array of body surface segments\n * @korean 신체표면세그먼트가져오기\n */\nconst getBodySurfaceForBone = (\n  boneName: string,\n  physicalAttributes: {\n    muscleMass: number;\n    fatMass: number;\n    shoulderWidth: number;\n    torsoLength: number;\n    armLength: number;\n    legLength: number;\n  },\n  cameraDistance: number = 10,\n): BodySurfaceSegment[] => {\n  const segments: BodySurfaceSegment[] = [];\n\n  const bodyThickness = calculateBodyThickness(\n    physicalAttributes.muscleMass,\n    physicalAttributes.fatMass,\n  );\n\n  const segmentCount = getLODSegmentCount(cameraDistance);\n\n  const torsoScale = physicalAttributes.torsoLength / 59; // Reference: 59cm torso\n  const armScale = physicalAttributes.armLength / 77; // Reference: 77cm arms\n  const legScale = physicalAttributes.legLength / 96; // Reference: 96cm legs\n\n  switch (boneName) {\n    case \"neck\": {\n      const neckRadius = 0.06 * bodyThickness;\n      const neckLength = 0.11 * bodyThickness;\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          neckRadius * 0.9, // Slightly narrower at top (under jaw)\n          neckRadius * 1.2, // Wider at base (base of neck)\n          neckLength,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -neckLength * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          neckRadius * 1.2, // Match neck bottom\n          neckRadius * 1.6, // Flare out to trapezius area\n          neckLength * 0.3,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, -neckLength * 0.75, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"head\": {\n      const headRadius = 0.095 * bodyThickness; // ~19cm head width\n      const headHeight = headRadius * 1.15; // Slightly taller than wide\n\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          headRadius,\n          segmentCount,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, headHeight * 0.15, 0), // Slightly above bone origin\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          headRadius * 0.7,\n          Math.floor(segmentCount * 0.75),\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(\n          0,\n          -headHeight * 0.25,\n          headRadius * 0.15,\n        ),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_upper\": {\n      const width =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.9;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.3;\n      const depth = PECTORALS_RADIUS * 2 * bodyThickness * 0.95;\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(\n          width,\n          height,\n          depth,\n          Math.max(2, Math.round(segmentCount * 0.2)),\n          Math.max(2, Math.round(segmentCount * 0.2)),\n          Math.max(2, Math.round(segmentCount * 0.2)),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_middle\": {\n      const width = (physicalAttributes.shoulderWidth / 100) * bodyThickness;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.35;\n      const depth = PECTORALS_RADIUS * 2 * bodyThickness; // Front to back depth\n\n      const torsoSegmentsX = Math.max(2, Math.round(segmentCount * 0.2));\n      const torsoSegmentsY = Math.max(3, Math.round(segmentCount * 0.3));\n      const torsoSegmentsZ = Math.max(2, Math.round(segmentCount * 0.2));\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(\n          width,\n          height,\n          depth,\n          torsoSegmentsX,\n          torsoSegmentsY,\n          torsoSegmentsZ,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"spine_lower\": {\n      const widthTop =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.95;\n      const widthBottom =\n        (physicalAttributes.shoulderWidth / 100) * bodyThickness * 0.85;\n      const height = (physicalAttributes.torsoLength / 100) * torsoScale * 0.3;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          widthTop * 0.5,\n          widthBottom * 0.5,\n          height,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"pelvis\": {\n      const width =\n        (physicalAttributes.shoulderWidth / 100) * 0.85 * bodyThickness;\n      const height = 0.15;\n      const depth = CORE_RADIUS * 2 * bodyThickness;\n\n      segments.push({\n        geometry: new THREE.BoxGeometry(width, height, depth, 3, 2, 3),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"shoulder_L\":\n    case \"shoulder_R\": {\n      const shoulderRadius = BICEP_RADIUS * bodyThickness * 1.4;\n\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          shoulderRadius,\n          segmentCount,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"upper_arm_L\":\n    case \"upper_arm_R\": {\n      const radiusTop = BICEP_RADIUS * bodyThickness * 1.1; // Wider at shoulder\n      const radiusBottom = BICEP_RADIUS * bodyThickness * 0.9; // Narrower at elbow\n      const length = (physicalAttributes.armLength / 100) * armScale * 0.45;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"forearm_L\":\n    case \"forearm_R\": {\n      const radiusTop = FOREARM_RADIUS * bodyThickness * 1.0; // Wider at elbow\n      const radiusBottom = FOREARM_RADIUS * bodyThickness * 0.8; // Less narrow - connects to wrist smoothly\n      const length = (physicalAttributes.armLength / 100) * armScale * 0.4;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"thigh_L\":\n    case \"thigh_R\": {\n      const radiusTop = QUAD_RADIUS * bodyThickness * 1.3; // Wider at hip for smooth connection\n      const radiusBottom = QUAD_RADIUS * bodyThickness * 0.95; // Narrower at knee\n      const length = (physicalAttributes.legLength / 100) * legScale * 0.45;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"shin_L\":\n    case \"shin_R\": {\n      const radiusTop = CALF_RADIUS * bodyThickness * 1.0; // Wider at knee\n      const radiusBottom = CALF_RADIUS * bodyThickness * 0.8; // Less taper - connects to ankle\n      const length = (physicalAttributes.legLength / 100) * legScale * 0.42;\n\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          radiusTop,\n          radiusBottom,\n          length,\n          segmentCount, // LOD-based segment count\n        ),\n        localOffset: new THREE.Vector3(0, -length * 0.4, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"elbow_L\":\n    case \"elbow_R\": {\n      const elbowRadius = BICEP_RADIUS * bodyThickness * 0.95;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          elbowRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"wrist_L\":\n    case \"wrist_R\": {\n      const wristRadiusTop = FOREARM_RADIUS * bodyThickness * 0.75;\n      const wristRadiusBottom = FOREARM_RADIUS * bodyThickness * 0.6;\n      const wristLength = 0.035 * bodyThickness;\n      segments.push({\n        geometry: new THREE.CylinderGeometry(\n          wristRadiusTop,\n          wristRadiusBottom,\n          wristLength,\n          segmentCount,\n        ),\n        localOffset: new THREE.Vector3(0, -wristLength * 0.3, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"hand_L\":\n    case \"hand_R\": {\n      const handBridgeRadius = FOREARM_RADIUS * bodyThickness * 0.55;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          handBridgeRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"knee_L\":\n    case \"knee_R\": {\n      const kneeRadius = QUAD_RADIUS * bodyThickness * 0.9;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          kneeRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      const kneecapRadius = kneeRadius * 0.5;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          kneecapRadius,\n          Math.floor(segmentCount * 0.5),\n          Math.floor(segmentCount * 0.5),\n        ),\n        localOffset: new THREE.Vector3(0, 0, kneeRadius * 0.6),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"hip_L\":\n    case \"hip_R\": {\n      const hipRadius = QUAD_RADIUS * bodyThickness * 1.1;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          hipRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, -hipRadius * 0.3, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n    case \"foot_L\":\n    case \"foot_R\": {\n      const ankleRadius = CALF_RADIUS * bodyThickness * 0.75;\n      segments.push({\n        geometry: new THREE.SphereGeometry(\n          ankleRadius,\n          segmentCount,\n          Math.floor(segmentCount * 0.75),\n        ),\n        localOffset: new THREE.Vector3(0, 0, 0),\n        localRotation: new THREE.Euler(0, 0, 0),\n      });\n      break;\n    }\n\n  }\n\n  return segments;\n};\n\n/**\n * BodySurface Component\n *\n * Renders realistic body surface (skin/flesh) attached to a specific bone.\n * Creates organic, human-like appearance by providing continuous body coverage.\n *\n * @example\n * ```tsx\n * <BodySurface\n *   boneName=\"spine_middle\"\n *   archetype={PlayerArchetype.MUSA}\n *   physicalAttributes={musaPhysicalAttrs}\n * />\n * ```\n *\n * @korean 신체표면컴포넌트\n */\nexport const BodySurface: React.FC<BodySurfaceProps> = ({\n  boneName,\n  archetype,\n  physicalAttributes,\n  cameraDistance = 10,\n}) => {\n  const attrs = useMemo(\n    () =>\n      physicalAttributes ?? {\n        muscleMass: 35,\n        fatMass: 12,\n        shoulderWidth: 45,\n        torsoLength: 59,\n        armLength: 77,\n        legLength: 96,\n      },\n    [physicalAttributes],\n  );\n\n  const segments = useMemo(\n    () => getBodySurfaceForBone(boneName, attrs, cameraDistance),\n    [boneName, attrs, cameraDistance],\n  );\n\n  const skinTone = useMemo(() => getArchetypeSkinTone(archetype), [archetype]);\n\n  /**\n   * Create skin material with realistic properties\n   *\n   * Uses MeshPhysicalMaterial for enhanced realism:\n   * - Skin tone color from archetype\n   * - Subsurface scattering with subtle transmission for realistic skin translucency\n   * - Roughness: 0.65 (slightly rough skin texture)\n   * - Metalness: 0.0 (skin is not metallic)\n   * - Clearcoat for natural skin sheen\n   * - Sheen for skin surface properties\n   * - Subtle emissive for alive appearance\n   * - Double-sided: true (render both inside and outside)\n   *\n   * Material properties are intentionally different from Face3D/Hand3D/Foot3D to capture\n   * body-specific skin characteristics:\n   * - transmission: 0.08 (extremities use 0) – BodySurface is the only skin material with\n   *   non-zero transmission, to model subsurface scattering on larger, less directly lit\n   *   body areas.\n   * - thickness: 0.5 (extremities use 0.1) – torso/limb skin is treated as thicker than\n   *   hands, feet, and face, which appear optically thinner.\n   * - clearcoat: 0.15 (extremities use 0.3) – extremities are rendered slightly glossier\n   *   due to being more exposed to direct light, while the main body surface is softer.\n   *\n   * @korean 피부재료생성\n   */\n  const material = useMemo(() => {\n    return new THREE.MeshPhysicalMaterial({\n      color: skinTone,\n      roughness: 0.65, // Slightly rough for realistic skin\n      metalness: 0.0, // Skin is not metallic\n\n      transmission: 0.08, // Small non-zero transmission for subtle skin translucency\n      thickness: 0.5, // Moderate thickness for subsurface scattering\n      ior: 1.4, // Index of refraction for human skin\n\n      clearcoat: 0.15,\n      clearcoatRoughness: 0.8,\n\n      sheen: 0.1,\n      sheenRoughness: 0.8,\n\n      emissive: new THREE.Color(skinTone),\n      emissiveIntensity: 0.02,\n\n      reflectivity: 0.1,\n\n      side: THREE.DoubleSide, // Render both sides for complete body coverage and gap prevention\n      flatShading: false, // Smooth shading for organic look\n    });\n  }, [skinTone]);\n\n  useEffect(() => {\n    return () => {\n      material.dispose();\n    };\n  }, [material]);\n\n  useEffect(() => {\n    return () => {\n      segments.forEach((segment) => {\n        segment.geometry.dispose();\n      });\n    };\n  }, [segments]);\n\n  if (segments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {segments.map((segment, index) => (\n        <mesh\n          key={`body-surface-${boneName}-${index}`}\n          geometry={segment.geometry}\n          material={material}\n          position={segment.localOffset.toArray()}\n          rotation={[\n            segment.localRotation.x,\n            segment.localRotation.y,\n            segment.localRotation.z,\n          ]}\n          castShadow\n          receiveShadow\n          name={`body-surface-${boneName}`}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default BodySurface;\n"],"mappings":"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"}

package/lib/components/shared/three/anatomy/BoneAttachedMuscles.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoneAttachedMuscles.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneAttachedMuscles.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/**\n * Bone-attached muscle system for realistic muscle movement with skeleton\n *\n * Muscles are rendered as children of their parent bones, inheriting bone\n * transformations automatically for proper movement during animation.\n *\n * @module components/three/BoneAttachedMuscles\n * @category 3D Components\n * @korean 뼈부착근육시스템\n */\n\nimport { useFrame } from \"@react-three/fiber\";\nimport React, { useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  ABS_LENGTH,\n  ABS_RADIUS,\n  BICEP_LENGTH,\n  BICEP_RADIUS,\n  CALF_LENGTH,\n  CALF_RADIUS,\n  CORE_LENGTH,\n  CORE_RADIUS,\n  ERECTOR_SPINAE_LENGTH,\n  ERECTOR_SPINAE_RADIUS,\n  FOREARM_LENGTH,\n  FOREARM_RADIUS,\n  GLUTE_LENGTH,\n  GLUTE_RADIUS,\n  HAMSTRING_LENGTH,\n  HAMSTRING_RADIUS,\n  HIP_FLEXOR_LENGTH,\n  HIP_FLEXOR_RADIUS,\n  LAT_LENGTH,\n  LAT_RADIUS,\n  OBLIQUES_LENGTH,\n  OBLIQUES_RADIUS,\n  PECTORALS_LENGTH,\n  PECTORALS_RADIUS,\n  QUAD_LENGTH,\n  QUAD_RADIUS,\n  SHOULDER_LENGTH,\n  SHOULDER_RADIUS,\n  TRAPEZIUS_LENGTH,\n  TRAPEZIUS_RADIUS,\n  TRICEP_LENGTH,\n  TRICEP_RADIUS,\n} from \"../../../../constants/bodyDimensions\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport type { MuscleGroupName } from \"../../../../types/muscle\";\nimport { DEFAULT_MUSCLE_CONFIG } from \"../../../../types/muscle\";\n\n/**\n * Muscle attachment configuration\n *\n * Defines how a muscle is positioned relative to its parent bone.\n * Position is in local bone space, so muscles move with the bone.\n *\n * @korean 근육부착설정\n */\nexport interface MuscleAttachment {\n  /** Muscle group name */\n  readonly name: MuscleGroupName;\n  /** Korean name for UI */\n  readonly korean: string;\n  /** English name for UI */\n  readonly english: string;\n  /** Local position offset from bone origin */\n  readonly localOffset: THREE.Vector3;\n  /** Local rotation relative to bone */\n  readonly localRotation: THREE.Euler;\n  /** Base scale when relaxed */\n  readonly baseScale: THREE.Vector3;\n  /** Max scale when fully flexed */\n  readonly maxFlexScale: THREE.Vector3;\n  /** Capsule geometry radius */\n  readonly radius: number;\n  /** Capsule geometry length */\n  readonly length: number;\n}\n\n/**\n * Mapping of bone names to their attached muscles\n *\n * Each bone can have multiple muscles attached to it.\n * Positions are relative to the bone's local coordinate system.\n *\n * @korean 뼈근육매핑\n */\nexport const BONE_MUSCLE_MAP: Record<string, MuscleAttachment[]> = {\n  shoulder_L: [\n    {\n      name: \"SHOULDER_L\",\n      korean: \"왼쪽어깨\",\n      english: \"Left Shoulder\",\n      localOffset: new THREE.Vector3(-0.04, 0, 0),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.15, 1.15),\n      radius: SHOULDER_RADIUS,\n      length: SHOULDER_LENGTH,\n    },\n  ],\n  shoulder_R: [\n    {\n      name: \"SHOULDER_R\",\n      korean: \"오른쪽어깨\",\n      english: \"Right Shoulder\",\n      localOffset: new THREE.Vector3(0.04, 0, 0),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.15, 1.15),\n      radius: SHOULDER_RADIUS,\n      length: SHOULDER_LENGTH,\n    },\n  ],\n\n  upper_arm_L: [\n    {\n      name: \"BICEP_L\",\n      korean: \"왼쪽이두근\",\n      english: \"Left Bicep\",\n      localOffset: new THREE.Vector3(-0.06, 0, 0.03),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.1, 1.2),\n      radius: BICEP_RADIUS,\n      length: BICEP_LENGTH,\n    },\n    {\n      name: \"TRICEP_L\",\n      korean: \"왼쪽삼두근\",\n      english: \"Left Tricep\",\n      localOffset: new THREE.Vector3(-0.06, 0, -0.03),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: TRICEP_RADIUS,\n      length: TRICEP_LENGTH,\n    },\n  ],\n  upper_arm_R: [\n    {\n      name: \"BICEP_R\",\n      korean: \"오른쪽이두근\",\n      english: \"Right Bicep\",\n      localOffset: new THREE.Vector3(0.06, 0, 0.03),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.1, 1.2),\n      radius: BICEP_RADIUS,\n      length: BICEP_LENGTH,\n    },\n    {\n      name: \"TRICEP_R\",\n      korean: \"오른쪽삼두근\",\n      english: \"Right Tricep\",\n      localOffset: new THREE.Vector3(0.06, 0, -0.03),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: TRICEP_RADIUS,\n      length: TRICEP_LENGTH,\n    },\n  ],\n\n  forearm_L: [\n    {\n      name: \"FOREARM_L\",\n      korean: \"왼쪽전완근\",\n      english: \"Left Forearm\",\n      localOffset: new THREE.Vector3(-0.05, 0, 0),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.05, 1.1),\n      radius: FOREARM_RADIUS,\n      length: FOREARM_LENGTH,\n    },\n  ],\n  forearm_R: [\n    {\n      name: \"FOREARM_R\",\n      korean: \"오른쪽전완근\",\n      english: \"Right Forearm\",\n      localOffset: new THREE.Vector3(0.05, 0, 0),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.05, 1.1),\n      radius: FOREARM_RADIUS,\n      length: FOREARM_LENGTH,\n    },\n  ],\n\n  spine_middle: [\n    {\n      name: \"PECTORALS\",\n      korean: \"대흉근\",\n      english: \"Pectorals\",\n      localOffset: new THREE.Vector3(0, 0.08, 0.14),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.15),\n      radius: PECTORALS_RADIUS,\n      length: PECTORALS_LENGTH,\n    },\n    {\n      name: \"CORE\",\n      korean: \"코어\",\n      english: \"Core\",\n      localOffset: new THREE.Vector3(0, -0.04, 0.06),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: CORE_RADIUS,\n      length: CORE_LENGTH,\n    },\n    {\n      name: \"ABS\",\n      korean: \"복근\",\n      english: \"Abdominals\",\n      localOffset: new THREE.Vector3(0, -0.18, 0.12),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ABS_RADIUS,\n      length: ABS_LENGTH,\n    },\n    {\n      name: \"OBLIQUES\",\n      korean: \"복사근\",\n      english: \"Obliques\",\n      localOffset: new THREE.Vector3(0, -0.1, 0.16),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: OBLIQUES_RADIUS,\n      length: OBLIQUES_LENGTH,\n    },\n  ],\n\n  pelvis: [\n    {\n      name: \"HIP_FLEXOR_L\",\n      korean: \"왼쪽고관절굴근\",\n      english: \"Left Hip Flexor\",\n      localOffset: new THREE.Vector3(-0.05, 0.02, 0.03),\n      localRotation: new THREE.Euler(0.2, 0, 0.15),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: HIP_FLEXOR_RADIUS,\n      length: HIP_FLEXOR_LENGTH,\n    },\n    {\n      name: \"HIP_FLEXOR_R\",\n      korean: \"오른쪽고관절굴근\",\n      english: \"Right Hip Flexor\",\n      localOffset: new THREE.Vector3(0.05, 0.02, 0.03),\n      localRotation: new THREE.Euler(0.2, 0, -0.15),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: HIP_FLEXOR_RADIUS,\n      length: HIP_FLEXOR_LENGTH,\n    },\n    {\n      name: \"LOWER_ABS\",\n      korean: \"하복근\",\n      english: \"Lower Abdominals\",\n      localOffset: new THREE.Vector3(0, 0.01, 0.05),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: 0.05, // Lower abs - slightly larger than hip flexor\n      length: 0.14,\n    },\n  ],\n\n  spine_lower: [\n    {\n      name: \"ERECTOR_SPINAE_L\",\n      korean: \"왼쪽척추기립근\",\n      english: \"Left Erector Spinae\",\n      localOffset: new THREE.Vector3(-0.03, 0.03, -0.04),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ERECTOR_SPINAE_RADIUS,\n      length: ERECTOR_SPINAE_LENGTH,\n    },\n    {\n      name: \"ERECTOR_SPINAE_R\",\n      korean: \"오른쪽척추기립근\",\n      english: \"Right Erector Spinae\",\n      localOffset: new THREE.Vector3(0.03, 0.03, -0.04),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ERECTOR_SPINAE_RADIUS,\n      length: ERECTOR_SPINAE_LENGTH,\n    },\n  ],\n\n  spine_upper: [\n    {\n      name: \"LAT_L\",\n      korean: \"왼쪽광배근\",\n      english: \"Left Latissimus\",\n      localOffset: new THREE.Vector3(-0.07, -0.01, -0.03),\n      localRotation: new THREE.Euler(0, 0.2, 0.3),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.1),\n      radius: LAT_RADIUS,\n      length: LAT_LENGTH,\n    },\n    {\n      name: \"LAT_R\",\n      korean: \"오른쪽광배근\",\n      english: \"Right Latissimus\",\n      localOffset: new THREE.Vector3(0.07, -0.01, -0.03),\n      localRotation: new THREE.Euler(0, -0.2, -0.3),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.1),\n      radius: LAT_RADIUS,\n      length: LAT_LENGTH,\n    },\n    {\n      name: \"TRAPEZIUS\",\n      korean: \"승모근\",\n      english: \"Trapezius\",\n      localOffset: new THREE.Vector3(0, 0.05, -0.04),\n      localRotation: new THREE.Euler(-0.25, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.1),\n      radius: TRAPEZIUS_RADIUS,\n      length: TRAPEZIUS_LENGTH,\n    },\n    {\n      name: \"RHOMBOID\",\n      korean: \"능형근\",\n      english: \"Rhomboid\",\n      localOffset: new THREE.Vector3(0, 0.01, -0.05),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.1),\n      radius: 0.04, // Rhomboid - slightly smaller than trapezius\n      length: 0.14,\n    },\n  ],\n\n  hip_L: [\n    {\n      name: \"GLUTE_L\",\n      korean: \"왼쪽둔근\",\n      english: \"Left Glute\",\n      localOffset: new THREE.Vector3(-0.03, -0.02, -0.05),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.15),\n      radius: GLUTE_RADIUS,\n      length: GLUTE_LENGTH,\n    },\n  ],\n  hip_R: [\n    {\n      name: \"GLUTE_R\",\n      korean: \"오른쪽둔근\",\n      english: \"Right Glute\",\n      localOffset: new THREE.Vector3(0.03, -0.02, -0.05),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.15),\n      radius: GLUTE_RADIUS,\n      length: GLUTE_LENGTH,\n    },\n  ],\n\n  thigh_L: [\n    {\n      name: \"QUAD_L\",\n      korean: \"왼쪽대퇴사두근\",\n      english: \"Left Quadriceps\",\n      localOffset: new THREE.Vector3(0, -0.08, 0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: QUAD_RADIUS,\n      length: QUAD_LENGTH,\n    },\n    {\n      name: \"HAMSTRING_L\",\n      korean: \"왼쪽햄스트링\",\n      english: \"Left Hamstring\",\n      localOffset: new THREE.Vector3(0, -0.08, -0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.12, 1.1, 1.12),\n      radius: HAMSTRING_RADIUS,\n      length: HAMSTRING_LENGTH,\n    },\n  ],\n  thigh_R: [\n    {\n      name: \"QUAD_R\",\n      korean: \"오른쪽대퇴사두근\",\n      english: \"Right Quadriceps\",\n      localOffset: new THREE.Vector3(0, -0.08, 0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: QUAD_RADIUS,\n      length: QUAD_LENGTH,\n    },\n    {\n      name: \"HAMSTRING_R\",\n      korean: \"오른쪽햄스트링\",\n      english: \"Right Hamstring\",\n      localOffset: new THREE.Vector3(0, -0.08, -0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.12, 1.1, 1.12),\n      radius: HAMSTRING_RADIUS,\n      length: HAMSTRING_LENGTH,\n    },\n  ],\n\n  shin_L: [\n    {\n      name: \"CALF_L\",\n      korean: \"왼쪽종아리\",\n      english: \"Left Calf\",\n      localOffset: new THREE.Vector3(0, -0.04, -0.01),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.08, 1.1),\n      radius: CALF_RADIUS,\n      length: CALF_LENGTH,\n    },\n  ],\n  shin_R: [\n    {\n      name: \"CALF_R\",\n      korean: \"오른쪽종아리\",\n      english: \"Right Calf\",\n      localOffset: new THREE.Vector3(0, -0.04, -0.01),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.08, 1.1),\n      radius: CALF_RADIUS,\n      length: CALF_LENGTH,\n    },\n  ],\n};\n\nimport {\n  MIN_MUSCLE_SCALE,\n  MUSCLE_AMPLIFICATION_BASE,\n  MUSCLE_AMPLIFICATION_EXPONENT,\n  MUSCLE_GEOMETRY_NORMALIZATION,\n  REFERENCE_MUSCLE_MASS,\n} from \"../../../../constants/bodyRenderingConstants\";\n\n/**\n * Calculate muscle scale factor based on muscle mass with proportional scaling.\n *\n * Linear scaling for realistic visual differences:\n * - 28kg (Hacker) → 0.84 scale (lean, defined)\n * - 30kg (Amsalja) → 0.89 scale (lean athlete)\n * - 32kg (Jeongbo) → 0.93 scale (fit operative)\n * - 35kg (Musa) → 1.0 scale (reference baseline)\n * - 48kg (Jojik) → 1.30 scale (massive, powerful)\n *\n * @param muscleMass - Muscle mass in kilograms (archetype range: 28-48kg)\n * @returns Scale factor for muscle geometry\n *\n * @korean 근육크기계산\n */\nexport const calculateMuscleScaleFactor = (muscleMass: number): number => {\n  const massRatio = muscleMass / REFERENCE_MUSCLE_MASS;\n  const deviation = massRatio - 1.0;\n\n  const exponentialDeviation =\n    Math.sign(deviation) *\n    Math.pow(Math.abs(deviation), MUSCLE_AMPLIFICATION_EXPONENT);\n\n  return Math.max(\n    MIN_MUSCLE_SCALE,\n    1.0 + exponentialDeviation * MUSCLE_AMPLIFICATION_BASE,\n  );\n};\n\n/**\n * Calculate fat layer opacity with expanded range for better distinction.\n *\n * Previous: 0.1-0.7 opacity (insufficient contrast)\n * New: 0.05-0.85 opacity (dramatic difference)\n *\n * @param fatMass - Fat mass in kilograms (archetype range: 10-22kg)\n * @returns Opacity value for fat layer (0.05-0.85)\n *\n * @korean 지방층투명도계산\n */\nexport const calculateFatLayerOpacity = (fatMass: number): number => {\n  const minFat = 10; // Amsalja minimum\n  const maxFat = 22; // Jojik maximum\n  const normalizedFat = (fatMass - minFat) / (maxFat - minFat);\n\n  return Math.max(0.05, Math.min(0.85, 0.05 + normalizedFat * 0.8));\n};\n\n/**\n * Calculate fat layer thickness with non-linear scaling.\n *\n * Previous: 0.05-0.45 linear\n * New: 0.02-0.60 exponential (skinny = very thin, heavy = very thick)\n *\n * @param fatMass - Fat mass in kilograms (archetype range: 10-22kg)\n * @returns Scale increase for fat layer (0.02-0.60)\n *\n * @korean 지방층두께계산\n */\nexport const calculateFatLayerThickness = (fatMass: number): number => {\n  const minFat = 10;\n  const maxFat = 22;\n  const normalizedFat = (fatMass - minFat) / (maxFat - minFat);\n\n  const exponentialFat = Math.pow(normalizedFat, 1.5);\n\n  return Math.max(0.02, Math.min(0.6, 0.02 + exponentialFat * 0.58));\n};\n\n/**\n * Props for BoneAttachedMuscle component\n *\n * @korean 뼈부착근육속성\n */\nexport interface BoneAttachedMuscleProps {\n  /** Muscle attachment configuration */\n  readonly attachment: MuscleAttachment;\n  /** Tension level (0-1) for muscle flex */\n  readonly tension: number;\n  /** Whether muscle is shaking (exhausted state) */\n  readonly isShaking: boolean;\n  /** Muscle scale factor based on archetype */\n  readonly muscleScaleFactor: number;\n  /** Fat layer opacity */\n  readonly fatLayerOpacity: number;\n  /** Fat layer thickness multiplier */\n  readonly fatLayerThickness: number;\n}\n\n/**\n * Single bone-attached muscle component\n *\n * Renders a muscle mesh that follows its parent bone's transformations.\n * Includes dynamic scaling based on tension and archetype.\n *\n * @korean 뼈부착근육컴포넌트\n */\nexport const BoneAttachedMuscle: React.FC<BoneAttachedMuscleProps> = ({\n  attachment,\n  tension,\n  isShaking,\n  muscleScaleFactor,\n  fatLayerOpacity,\n  fatLayerThickness,\n}) => {\n  const meshRef = useRef<THREE.Mesh>(null);\n  const fatMeshRef = useRef<THREE.Mesh>(null);\n\n  const roundedTension = Math.round(tension * 100) / 100;\n\n  const currentScale = useMemo(() => {\n    const t = Math.max(0, Math.min(1, roundedTension));\n    const lerp = (start: number, end: number, factor: number) =>\n      start + (end - start) * factor;\n\n    return new THREE.Vector3(\n      lerp(attachment.baseScale.x, attachment.maxFlexScale.x, t) *\n        muscleScaleFactor,\n      lerp(attachment.baseScale.y, attachment.maxFlexScale.y, t) *\n        muscleScaleFactor,\n      lerp(attachment.baseScale.z, attachment.maxFlexScale.z, t) *\n        muscleScaleFactor,\n    );\n  }, [attachment, roundedTension, muscleScaleFactor]);\n\n  const fatScale = useMemo(() => {\n    return new THREE.Vector3(\n      currentScale.x * (1 + fatLayerThickness),\n      currentScale.y * (1 + fatLayerThickness),\n      currentScale.z * (1 + fatLayerThickness),\n    );\n  }, [currentScale, fatLayerThickness]);\n\n  const muscleColor = useMemo(() => {\n    if (isShaking) {\n      return KOREAN_COLORS.MUSCLE_EXHAUSTED;\n    } else if (roundedTension > 0.7) {\n      return KOREAN_COLORS.MUSCLE_FLEXED;\n    }\n    return KOREAN_COLORS.MUSCLE_TONE;\n  }, [roundedTension, isShaking]);\n\n  useFrame((state) => {\n    if (!meshRef.current) return;\n\n    if (!isShaking) {\n      meshRef.current.rotation.z = attachment.localRotation.z;\n      return;\n    }\n\n    const shake = Math.sin(state.clock.elapsedTime * 20 * Math.PI * 2) * 0.02;\n    meshRef.current.rotation.z = attachment.localRotation.z + shake;\n    if (fatMeshRef.current) {\n      fatMeshRef.current.rotation.z = attachment.localRotation.z + shake;\n    }\n  });\n\n  return (\n    <group\n      position={\n        attachment.localOffset\n          .toArray()\n          .map((v) => v * MUSCLE_GEOMETRY_NORMALIZATION) as [\n          number,\n          number,\n          number,\n        ]\n      }\n      rotation={[attachment.localRotation.x, attachment.localRotation.y, 0]}\n    >\n      {/* Main muscle mesh */}\n      <mesh\n        ref={meshRef}\n        rotation={[0, 0, attachment.localRotation.z]}\n        scale={currentScale.toArray()}\n        castShadow\n        receiveShadow\n        name={`muscle-${attachment.name}`}\n      >\n        <capsuleGeometry\n          args={[\n            attachment.radius * MUSCLE_GEOMETRY_NORMALIZATION,\n            attachment.length * MUSCLE_GEOMETRY_NORMALIZATION,\n            8,\n            16,\n          ]}\n        />\n        <meshPhysicalMaterial\n          color={muscleColor}\n          metalness={0.02}\n          roughness={0.85}\n          clearcoat={0.08}\n          clearcoatRoughness={0.6}\n          envMapIntensity={0.3}\n          sheen={0.15}\n          sheenRoughness={0.8}\n          sheenColor={muscleColor}\n        />\n      </mesh>\n\n      {/* Fat layer (only visible when fat mass is significant) */}\n      {fatLayerOpacity > 0.05 && (\n        <mesh\n          ref={fatMeshRef}\n          rotation={[0, 0, attachment.localRotation.z]}\n          scale={fatScale.toArray()}\n          castShadow\n          receiveShadow\n          name={`fat-layer-${attachment.name}`}\n        >\n          <capsuleGeometry\n            args={[\n              attachment.radius * MUSCLE_GEOMETRY_NORMALIZATION,\n              attachment.length * MUSCLE_GEOMETRY_NORMALIZATION,\n              8,\n              16,\n            ]}\n          />\n          <meshStandardMaterial\n            color={KOREAN_COLORS.SKIN_TONE}\n            metalness={0.05}\n            roughness={0.95}\n            transparent={true}\n            opacity={fatLayerOpacity}\n            depthWrite={false}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Props for BoneMuscles component (renders all muscles for a bone)\n *\n * @korean 뼈근육들속성\n */\nexport interface BoneMusclesProps {\n  /** Bone name to look up muscles for */\n  readonly boneName: string;\n  /** Map of muscle name to tension level */\n  readonly muscleStates: Map<string, number>;\n  /** Whether character is exhausted (triggers shaking) */\n  readonly isExhausted: boolean;\n  /** Physical attributes for scaling */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n  };\n}\n\n/**\n * Renders all muscles attached to a specific bone\n *\n * Looks up muscle attachments by bone name and renders each one.\n * Muscles inherit the bone's transformations automatically.\n *\n * @korean 뼈근육들컴포넌트\n */\nexport const BoneMuscles: React.FC<BoneMusclesProps> = ({\n  boneName,\n  muscleStates,\n  isExhausted,\n  physicalAttributes,\n}) => {\n  const attachments = BONE_MUSCLE_MAP[boneName];\n\n  const muscleScaleFactor = useMemo(() => {\n    if (!physicalAttributes) return 1.0;\n    return calculateMuscleScaleFactor(physicalAttributes.muscleMass);\n  }, [physicalAttributes]);\n\n  const fatLayerOpacity = useMemo(() => {\n    if (!physicalAttributes) return 0.0;\n    return calculateFatLayerOpacity(physicalAttributes.fatMass);\n  }, [physicalAttributes]);\n\n  const fatLayerThickness = useMemo(() => {\n    if (!physicalAttributes) return 0.0;\n    return calculateFatLayerThickness(physicalAttributes.fatMass);\n  }, [physicalAttributes]);\n\n  if (!attachments || attachments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {attachments.map((attachment) => {\n        const tension = muscleStates.get(attachment.name) ?? 0;\n        const isShaking =\n          isExhausted &&\n          tension > DEFAULT_MUSCLE_CONFIG.shakingTensionThreshold;\n\n        return (\n          <BoneAttachedMuscle\n            key={attachment.name}\n            attachment={attachment}\n            tension={tension}\n            isShaking={isShaking}\n            muscleScaleFactor={muscleScaleFactor}\n            fatLayerOpacity={fatLayerOpacity}\n            fatLayerThickness={fatLayerThickness}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport default BoneMuscles;\n"],"mappings":"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"}
+{"version":3,"file":"BoneAttachedMuscles.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneAttachedMuscles.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components */\n/**\n * Bone-attached muscle system for realistic muscle movement with skeleton\n *\n * Muscles are rendered as children of their parent bones, inheriting bone\n * transformations automatically for proper movement during animation.\n *\n * @module components/three/BoneAttachedMuscles\n * @category 3D Components\n * @korean 뼈부착근육시스템\n */\n\nimport { useFrame } from \"@react-three/fiber\";\nimport React, { useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  ABS_LENGTH,\n  ABS_RADIUS,\n  BICEP_LENGTH,\n  BICEP_RADIUS,\n  CALF_LENGTH,\n  CALF_RADIUS,\n  CORE_LENGTH,\n  CORE_RADIUS,\n  ERECTOR_SPINAE_LENGTH,\n  ERECTOR_SPINAE_RADIUS,\n  FOREARM_LENGTH,\n  FOREARM_RADIUS,\n  GLUTE_LENGTH,\n  GLUTE_RADIUS,\n  HAMSTRING_LENGTH,\n  HAMSTRING_RADIUS,\n  HIP_FLEXOR_LENGTH,\n  HIP_FLEXOR_RADIUS,\n  LAT_LENGTH,\n  LAT_RADIUS,\n  OBLIQUES_LENGTH,\n  OBLIQUES_RADIUS,\n  PECTORALS_LENGTH,\n  PECTORALS_RADIUS,\n  QUAD_LENGTH,\n  QUAD_RADIUS,\n  SHOULDER_LENGTH,\n  SHOULDER_RADIUS,\n  TRAPEZIUS_LENGTH,\n  TRAPEZIUS_RADIUS,\n  TRICEP_LENGTH,\n  TRICEP_RADIUS,\n} from \"../../../../constants/bodyDimensions\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport type { MuscleGroupName } from \"../../../../types/muscle\";\nimport { DEFAULT_MUSCLE_CONFIG } from \"../../../../types/muscle\";\n\n/**\n * Muscle attachment configuration\n *\n * Defines how a muscle is positioned relative to its parent bone.\n * Position is in local bone space, so muscles move with the bone.\n *\n * @korean 근육부착설정\n */\nexport interface MuscleAttachment {\n  /** Muscle group name */\n  readonly name: MuscleGroupName;\n  /** Korean name for UI */\n  readonly korean: string;\n  /** English name for UI */\n  readonly english: string;\n  /** Local position offset from bone origin */\n  readonly localOffset: THREE.Vector3;\n  /** Local rotation relative to bone */\n  readonly localRotation: THREE.Euler;\n  /** Base scale when relaxed */\n  readonly baseScale: THREE.Vector3;\n  /** Max scale when fully flexed */\n  readonly maxFlexScale: THREE.Vector3;\n  /** Capsule geometry radius */\n  readonly radius: number;\n  /** Capsule geometry length */\n  readonly length: number;\n}\n\n/**\n * Mapping of bone names to their attached muscles\n *\n * Each bone can have multiple muscles attached to it.\n * Positions are relative to the bone's local coordinate system.\n *\n * @korean 뼈근육매핑\n */\nexport const BONE_MUSCLE_MAP: Record<string, MuscleAttachment[]> = {\n  shoulder_L: [\n    {\n      name: \"SHOULDER_L\",\n      korean: \"왼쪽어깨\",\n      english: \"Left Shoulder\",\n      localOffset: new THREE.Vector3(-0.04, 0, 0),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.15, 1.15),\n      radius: SHOULDER_RADIUS,\n      length: SHOULDER_LENGTH,\n    },\n  ],\n  shoulder_R: [\n    {\n      name: \"SHOULDER_R\",\n      korean: \"오른쪽어깨\",\n      english: \"Right Shoulder\",\n      localOffset: new THREE.Vector3(0.04, 0, 0),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.15, 1.15),\n      radius: SHOULDER_RADIUS,\n      length: SHOULDER_LENGTH,\n    },\n  ],\n\n  upper_arm_L: [\n    {\n      name: \"BICEP_L\",\n      korean: \"왼쪽이두근\",\n      english: \"Left Bicep\",\n      localOffset: new THREE.Vector3(-0.06, 0, 0.03),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.1, 1.2),\n      radius: BICEP_RADIUS,\n      length: BICEP_LENGTH,\n    },\n    {\n      name: \"TRICEP_L\",\n      korean: \"왼쪽삼두근\",\n      english: \"Left Tricep\",\n      localOffset: new THREE.Vector3(-0.06, 0, -0.03),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: TRICEP_RADIUS,\n      length: TRICEP_LENGTH,\n    },\n  ],\n  upper_arm_R: [\n    {\n      name: \"BICEP_R\",\n      korean: \"오른쪽이두근\",\n      english: \"Right Bicep\",\n      localOffset: new THREE.Vector3(0.06, 0, 0.03),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.2, 1.1, 1.2),\n      radius: BICEP_RADIUS,\n      length: BICEP_LENGTH,\n    },\n    {\n      name: \"TRICEP_R\",\n      korean: \"오른쪽삼두근\",\n      english: \"Right Tricep\",\n      localOffset: new THREE.Vector3(0.06, 0, -0.03),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: TRICEP_RADIUS,\n      length: TRICEP_LENGTH,\n    },\n  ],\n\n  forearm_L: [\n    {\n      name: \"FOREARM_L\",\n      korean: \"왼쪽전완근\",\n      english: \"Left Forearm\",\n      localOffset: new THREE.Vector3(-0.05, 0, 0),\n      localRotation: new THREE.Euler(0, 0, Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.05, 1.1),\n      radius: FOREARM_RADIUS,\n      length: FOREARM_LENGTH,\n    },\n  ],\n  forearm_R: [\n    {\n      name: \"FOREARM_R\",\n      korean: \"오른쪽전완근\",\n      english: \"Right Forearm\",\n      localOffset: new THREE.Vector3(0.05, 0, 0),\n      localRotation: new THREE.Euler(0, 0, -Math.PI / 2),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.05, 1.1),\n      radius: FOREARM_RADIUS,\n      length: FOREARM_LENGTH,\n    },\n  ],\n\n  spine_middle: [\n    {\n      name: \"PECTORALS\",\n      korean: \"대흉근\",\n      english: \"Pectorals\",\n      localOffset: new THREE.Vector3(0, 0.08, 0.14),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.15),\n      radius: PECTORALS_RADIUS,\n      length: PECTORALS_LENGTH,\n    },\n    {\n      name: \"CORE\",\n      korean: \"코어\",\n      english: \"Core\",\n      localOffset: new THREE.Vector3(0, -0.04, 0.06),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: CORE_RADIUS,\n      length: CORE_LENGTH,\n    },\n    {\n      name: \"ABS\",\n      korean: \"복근\",\n      english: \"Abdominals\",\n      localOffset: new THREE.Vector3(0, -0.18, 0.12),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ABS_RADIUS,\n      length: ABS_LENGTH,\n    },\n    {\n      name: \"OBLIQUES\",\n      korean: \"복사근\",\n      english: \"Obliques\",\n      localOffset: new THREE.Vector3(0, -0.1, 0.16),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: OBLIQUES_RADIUS,\n      length: OBLIQUES_LENGTH,\n    },\n  ],\n\n  pelvis: [\n    {\n      name: \"HIP_FLEXOR_L\",\n      korean: \"왼쪽고관절굴근\",\n      english: \"Left Hip Flexor\",\n      localOffset: new THREE.Vector3(-0.05, 0.02, 0.03),\n      localRotation: new THREE.Euler(0.2, 0, 0.15),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: HIP_FLEXOR_RADIUS,\n      length: HIP_FLEXOR_LENGTH,\n    },\n    {\n      name: \"HIP_FLEXOR_R\",\n      korean: \"오른쪽고관절굴근\",\n      english: \"Right Hip Flexor\",\n      localOffset: new THREE.Vector3(0.05, 0.02, 0.03),\n      localRotation: new THREE.Euler(0.2, 0, -0.15),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: HIP_FLEXOR_RADIUS,\n      length: HIP_FLEXOR_LENGTH,\n    },\n    {\n      name: \"LOWER_ABS\",\n      korean: \"하복근\",\n      english: \"Lower Abdominals\",\n      localOffset: new THREE.Vector3(0, 0.01, 0.05),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: 0.05, // Lower abs - slightly larger than hip flexor\n      length: 0.14,\n    },\n  ],\n\n  spine_lower: [\n    {\n      name: \"ERECTOR_SPINAE_L\",\n      korean: \"왼쪽척추기립근\",\n      english: \"Left Erector Spinae\",\n      localOffset: new THREE.Vector3(-0.03, 0.03, -0.04),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ERECTOR_SPINAE_RADIUS,\n      length: ERECTOR_SPINAE_LENGTH,\n    },\n    {\n      name: \"ERECTOR_SPINAE_R\",\n      korean: \"오른쪽척추기립근\",\n      english: \"Right Erector Spinae\",\n      localOffset: new THREE.Vector3(0.03, 0.03, -0.04),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.1, 1.1),\n      radius: ERECTOR_SPINAE_RADIUS,\n      length: ERECTOR_SPINAE_LENGTH,\n    },\n  ],\n\n  spine_upper: [\n    {\n      name: \"LAT_L\",\n      korean: \"왼쪽광배근\",\n      english: \"Left Latissimus\",\n      localOffset: new THREE.Vector3(-0.07, -0.01, -0.03),\n      localRotation: new THREE.Euler(0, 0.2, 0.3),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.1),\n      radius: LAT_RADIUS,\n      length: LAT_LENGTH,\n    },\n    {\n      name: \"LAT_R\",\n      korean: \"오른쪽광배근\",\n      english: \"Right Latissimus\",\n      localOffset: new THREE.Vector3(0.07, -0.01, -0.03),\n      localRotation: new THREE.Euler(0, -0.2, -0.3),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.2, 1.1),\n      radius: LAT_RADIUS,\n      length: LAT_LENGTH,\n    },\n    {\n      name: \"TRAPEZIUS\",\n      korean: \"승모근\",\n      english: \"Trapezius\",\n      localOffset: new THREE.Vector3(0, 0.05, -0.04),\n      localRotation: new THREE.Euler(-0.25, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.1),\n      radius: TRAPEZIUS_RADIUS,\n      length: TRAPEZIUS_LENGTH,\n    },\n    {\n      name: \"RHOMBOID\",\n      korean: \"능형근\",\n      english: \"Rhomboid\",\n      localOffset: new THREE.Vector3(0, 0.01, -0.05),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.1),\n      radius: 0.04, // Rhomboid - slightly smaller than trapezius\n      length: 0.14,\n    },\n  ],\n\n  hip_L: [\n    {\n      name: \"GLUTE_L\",\n      korean: \"왼쪽둔근\",\n      english: \"Left Glute\",\n      localOffset: new THREE.Vector3(-0.03, -0.02, -0.05),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.15),\n      radius: GLUTE_RADIUS,\n      length: GLUTE_LENGTH,\n    },\n  ],\n  hip_R: [\n    {\n      name: \"GLUTE_R\",\n      korean: \"오른쪽둔근\",\n      english: \"Right Glute\",\n      localOffset: new THREE.Vector3(0.03, -0.02, -0.05),\n      localRotation: new THREE.Euler(Math.PI / 2, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.15, 1.15),\n      radius: GLUTE_RADIUS,\n      length: GLUTE_LENGTH,\n    },\n  ],\n\n  thigh_L: [\n    {\n      name: \"QUAD_L\",\n      korean: \"왼쪽대퇴사두근\",\n      english: \"Left Quadriceps\",\n      localOffset: new THREE.Vector3(0, -0.08, 0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: QUAD_RADIUS,\n      length: QUAD_LENGTH,\n    },\n    {\n      name: \"HAMSTRING_L\",\n      korean: \"왼쪽햄스트링\",\n      english: \"Left Hamstring\",\n      localOffset: new THREE.Vector3(0, -0.08, -0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.12, 1.1, 1.12),\n      radius: HAMSTRING_RADIUS,\n      length: HAMSTRING_LENGTH,\n    },\n  ],\n  thigh_R: [\n    {\n      name: \"QUAD_R\",\n      korean: \"오른쪽대퇴사두근\",\n      english: \"Right Quadriceps\",\n      localOffset: new THREE.Vector3(0, -0.08, 0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.15, 1.1, 1.15),\n      radius: QUAD_RADIUS,\n      length: QUAD_LENGTH,\n    },\n    {\n      name: \"HAMSTRING_R\",\n      korean: \"오른쪽햄스트링\",\n      english: \"Right Hamstring\",\n      localOffset: new THREE.Vector3(0, -0.08, -0.03),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.12, 1.1, 1.12),\n      radius: HAMSTRING_RADIUS,\n      length: HAMSTRING_LENGTH,\n    },\n  ],\n\n  shin_L: [\n    {\n      name: \"CALF_L\",\n      korean: \"왼쪽종아리\",\n      english: \"Left Calf\",\n      localOffset: new THREE.Vector3(0, -0.04, -0.01),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.08, 1.1),\n      radius: CALF_RADIUS,\n      length: CALF_LENGTH,\n    },\n  ],\n  shin_R: [\n    {\n      name: \"CALF_R\",\n      korean: \"오른쪽종아리\",\n      english: \"Right Calf\",\n      localOffset: new THREE.Vector3(0, -0.04, -0.01),\n      localRotation: new THREE.Euler(0, 0, 0),\n      baseScale: new THREE.Vector3(1.0, 1.0, 1.0),\n      maxFlexScale: new THREE.Vector3(1.1, 1.08, 1.1),\n      radius: CALF_RADIUS,\n      length: CALF_LENGTH,\n    },\n  ],\n};\n\nimport {\n  MIN_MUSCLE_SCALE,\n  MUSCLE_AMPLIFICATION_BASE,\n  MUSCLE_AMPLIFICATION_EXPONENT,\n  MUSCLE_GEOMETRY_NORMALIZATION,\n  REFERENCE_MUSCLE_MASS,\n} from \"../../../../constants/bodyRenderingConstants\";\n\n/**\n * Calculate muscle scale factor based on muscle mass with proportional scaling.\n *\n * Linear scaling for realistic visual differences:\n * - 28kg (Hacker) → 0.84 scale (lean, defined)\n * - 30kg (Amsalja) → 0.89 scale (lean athlete)\n * - 32kg (Jeongbo) → 0.93 scale (fit operative)\n * - 35kg (Musa) → 1.0 scale (reference baseline)\n * - 48kg (Jojik) → 1.30 scale (massive, powerful)\n *\n * @param muscleMass - Muscle mass in kilograms (archetype range: 28-48kg)\n * @returns Scale factor for muscle geometry\n *\n * @korean 근육크기계산\n */\nexport const calculateMuscleScaleFactor = (muscleMass: number): number => {\n  const massRatio = muscleMass / REFERENCE_MUSCLE_MASS;\n  const deviation = massRatio - 1.0;\n\n  const exponentialDeviation =\n    Math.sign(deviation) *\n    Math.pow(Math.abs(deviation), MUSCLE_AMPLIFICATION_EXPONENT);\n\n  return Math.max(\n    MIN_MUSCLE_SCALE,\n    1.0 + exponentialDeviation * MUSCLE_AMPLIFICATION_BASE,\n  );\n};\n\n/**\n * Calculate fat layer opacity with expanded range for better distinction.\n *\n * Previous: 0.1-0.7 opacity (insufficient contrast)\n * New: 0.05-0.85 opacity (dramatic difference)\n *\n * @param fatMass - Fat mass in kilograms (archetype range: 10-22kg)\n * @returns Opacity value for fat layer (0.05-0.85)\n *\n * @korean 지방층투명도계산\n */\nexport const calculateFatLayerOpacity = (fatMass: number): number => {\n  const minFat = 10; // Amsalja minimum\n  const maxFat = 22; // Jojik maximum\n  const normalizedFat = (fatMass - minFat) / (maxFat - minFat);\n\n  return Math.max(0.05, Math.min(0.85, 0.05 + normalizedFat * 0.8));\n};\n\n/**\n * Calculate fat layer thickness with non-linear scaling.\n *\n * Previous: 0.05-0.45 linear\n * New: 0.02-0.60 exponential (skinny = very thin, heavy = very thick)\n *\n * @param fatMass - Fat mass in kilograms (archetype range: 10-22kg)\n * @returns Scale increase for fat layer (0.02-0.60)\n *\n * @korean 지방층두께계산\n */\nexport const calculateFatLayerThickness = (fatMass: number): number => {\n  const minFat = 10;\n  const maxFat = 22;\n  const normalizedFat = (fatMass - minFat) / (maxFat - minFat);\n\n  const exponentialFat = Math.pow(normalizedFat, 1.5);\n\n  return Math.max(0.02, Math.min(0.6, 0.02 + exponentialFat * 0.58));\n};\n\n/**\n * Props for BoneAttachedMuscle component\n *\n * @korean 뼈부착근육속성\n */\nexport interface BoneAttachedMuscleProps {\n  /** Muscle attachment configuration */\n  readonly attachment: MuscleAttachment;\n  /** Tension level (0-1) for muscle flex */\n  readonly tension: number;\n  /** Whether muscle is shaking (exhausted state) */\n  readonly isShaking: boolean;\n  /** Muscle scale factor based on archetype */\n  readonly muscleScaleFactor: number;\n  /** Fat layer opacity */\n  readonly fatLayerOpacity: number;\n  /** Fat layer thickness multiplier */\n  readonly fatLayerThickness: number;\n}\n\n/**\n * Single bone-attached muscle component\n *\n * Renders a muscle mesh that follows its parent bone's transformations.\n * Includes dynamic scaling based on tension and archetype.\n *\n * @korean 뼈부착근육컴포넌트\n */\nexport const BoneAttachedMuscle: React.FC<BoneAttachedMuscleProps> = ({\n  attachment,\n  tension,\n  isShaking,\n  muscleScaleFactor,\n  fatLayerOpacity,\n  fatLayerThickness,\n}) => {\n  const meshRef = useRef<THREE.Mesh>(null);\n  const fatMeshRef = useRef<THREE.Mesh>(null);\n\n  const roundedTension = Math.round(tension * 100) / 100;\n\n  const currentScale = useMemo(() => {\n    const t = Math.max(0, Math.min(1, roundedTension));\n    const lerp = (start: number, end: number, factor: number) =>\n      start + (end - start) * factor;\n\n    return new THREE.Vector3(\n      lerp(attachment.baseScale.x, attachment.maxFlexScale.x, t) *\n        muscleScaleFactor,\n      lerp(attachment.baseScale.y, attachment.maxFlexScale.y, t) *\n        muscleScaleFactor,\n      lerp(attachment.baseScale.z, attachment.maxFlexScale.z, t) *\n        muscleScaleFactor,\n    );\n  }, [attachment, roundedTension, muscleScaleFactor]);\n\n  const fatScale = useMemo(() => {\n    return new THREE.Vector3(\n      currentScale.x * (1 + fatLayerThickness),\n      currentScale.y * (1 + fatLayerThickness),\n      currentScale.z * (1 + fatLayerThickness),\n    );\n  }, [currentScale, fatLayerThickness]);\n\n  const muscleColor = useMemo(() => {\n    if (isShaking) {\n      return KOREAN_COLORS.MUSCLE_EXHAUSTED;\n    } else if (roundedTension > 0.7) {\n      return KOREAN_COLORS.MUSCLE_FLEXED;\n    }\n    return KOREAN_COLORS.MUSCLE_TONE;\n  }, [roundedTension, isShaking]);\n\n  useFrame((state) => {\n    if (!meshRef.current) return;\n\n    if (!isShaking) {\n      meshRef.current.rotation.z = attachment.localRotation.z;\n      return;\n    }\n\n    const shake = Math.sin(state.clock.elapsedTime * 20 * Math.PI * 2) * 0.02;\n    meshRef.current.rotation.z = attachment.localRotation.z + shake;\n    if (fatMeshRef.current) {\n      fatMeshRef.current.rotation.z = attachment.localRotation.z + shake;\n    }\n  });\n\n  return (\n    <group\n      position={\n        attachment.localOffset\n          .toArray()\n          .map((v) => v * MUSCLE_GEOMETRY_NORMALIZATION) as [\n          number,\n          number,\n          number,\n        ]\n      }\n      rotation={[attachment.localRotation.x, attachment.localRotation.y, 0]}\n    >\n      {/* Main muscle mesh */}\n      <mesh\n        ref={meshRef}\n        rotation={[0, 0, attachment.localRotation.z]}\n        scale={currentScale.toArray()}\n        castShadow\n        receiveShadow\n        name={`muscle-${attachment.name}`}\n      >\n        <capsuleGeometry\n          args={[\n            attachment.radius * MUSCLE_GEOMETRY_NORMALIZATION,\n            attachment.length * MUSCLE_GEOMETRY_NORMALIZATION,\n            8,\n            16,\n          ]}\n        />\n        <meshPhysicalMaterial\n          color={muscleColor}\n          metalness={0.02}\n          roughness={0.85}\n          clearcoat={0.08}\n          clearcoatRoughness={0.6}\n          envMapIntensity={0.3}\n          sheen={0.15}\n          sheenRoughness={0.8}\n          sheenColor={muscleColor}\n        />\n      </mesh>\n\n      {/* Fat layer (only visible when fat mass is significant) */}\n      {fatLayerOpacity > 0.05 && (\n        <mesh\n          ref={fatMeshRef}\n          rotation={[0, 0, attachment.localRotation.z]}\n          scale={fatScale.toArray()}\n          castShadow\n          receiveShadow\n          name={`fat-layer-${attachment.name}`}\n        >\n          <capsuleGeometry\n            args={[\n              attachment.radius * MUSCLE_GEOMETRY_NORMALIZATION,\n              attachment.length * MUSCLE_GEOMETRY_NORMALIZATION,\n              8,\n              16,\n            ]}\n          />\n          <meshStandardMaterial\n            color={KOREAN_COLORS.SKIN_TONE}\n            metalness={0.05}\n            roughness={0.95}\n            transparent={true}\n            opacity={fatLayerOpacity}\n            depthWrite={false}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Props for BoneMuscles component (renders all muscles for a bone)\n *\n * @korean 뼈근육들속성\n */\nexport interface BoneMusclesProps {\n  /** Bone name to look up muscles for */\n  readonly boneName: string;\n  /** Map of muscle name to tension level */\n  readonly muscleStates: Map<string, number>;\n  /** Whether character is exhausted (triggers shaking) */\n  readonly isExhausted: boolean;\n  /** Physical attributes for scaling */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n  };\n}\n\n/**\n * Renders all muscles attached to a specific bone\n *\n * Looks up muscle attachments by bone name and renders each one.\n * Muscles inherit the bone's transformations automatically.\n *\n * @korean 뼈근육들컴포넌트\n */\nexport const BoneMuscles: React.FC<BoneMusclesProps> = ({\n  boneName,\n  muscleStates,\n  isExhausted,\n  physicalAttributes,\n}) => {\n  const attachments = BONE_MUSCLE_MAP[boneName];\n\n  const muscleScaleFactor = useMemo(() => {\n    if (!physicalAttributes) return 1.0;\n    return calculateMuscleScaleFactor(physicalAttributes.muscleMass);\n  }, [physicalAttributes]);\n\n  const fatLayerOpacity = useMemo(() => {\n    if (!physicalAttributes) return 0.0;\n    return calculateFatLayerOpacity(physicalAttributes.fatMass);\n  }, [physicalAttributes]);\n\n  const fatLayerThickness = useMemo(() => {\n    if (!physicalAttributes) return 0.0;\n    return calculateFatLayerThickness(physicalAttributes.fatMass);\n  }, [physicalAttributes]);\n\n  if (!attachments || attachments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {attachments.map((attachment) => {\n        const tension = muscleStates.get(attachment.name) ?? 0;\n        const isShaking =\n          isExhausted &&\n          tension > DEFAULT_MUSCLE_CONFIG.shakingTensionThreshold;\n\n        return (\n          <BoneAttachedMuscle\n            key={attachment.name}\n            attachment={attachment}\n            tension={tension}\n            isShaking={isShaking}\n            muscleScaleFactor={muscleScaleFactor}\n            fatLayerOpacity={fatLayerOpacity}\n            fatLayerThickness={fatLayerThickness}\n          />\n        );\n      })}\n    </>\n  );\n};\n\nexport default BoneMuscles;\n"],"mappings":"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"}

package/lib/components/shared/three/anatomy/BoneClothing.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoneClothing.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneClothing.tsx"],"sourcesContent":["/**\n * Bone-attached clothing system for realistic clothing movement with skeleton\n *\n * **Enhanced Features (v0.6.23+)**:\n * - **Subsurface Scattering**: Realistic fabric translucency with light transmission\n * - **Physical Materials**: Advanced PBR materials with clearcoat and reflectivity\n * - **Body Thickness Scaling**: Accurate clothing sizing based on muscle/fat mass\n * - **Archetype Styling**: Unique clothing sets for all 5 player archetypes\n *\n * Clothing is rendered as children of their parent bones, inheriting bone\n * transformations automatically for proper movement during animation.\n * This mirrors the BoneMuscles approach for consistent rendering.\n *\n * **Visual Quality**:\n * - Transmission: 0.05 (minimal light passing through fabric)\n * - Thickness: 0.2 (thin fabric simulation)\n * - IOR: 1.4 (realistic fabric index of refraction)\n * - Clearcoat: 0.3 (surface depth and sheen)\n * - Double-sided rendering for cloth folding\n *\n * **Performance**:\n * - Geometry disposal on unmount (prevents memory leaks)\n * - Material cleanup system\n * - Optimized attachment calculations with useMemo\n *\n * @module components/three/BoneClothing\n * @category 3D Components\n * @korean 뼈부착의류시스템\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  BICEP_RADIUS,\n  CALF_RADIUS,\n  CLOTHING_THICKNESS_FITTED,\n  CORE_RADIUS,\n  FOREARM_RADIUS,\n  PECTORALS_RADIUS,\n  QUAD_RADIUS,\n  calculateClothingRadius,\n} from \"../../../../constants/bodyDimensions\";\nimport { getArchetypeClothing } from \"../../../../data/archetypeClothing\";\nimport type {\n  ClothingItem,\n  ClothingMaterial,\n} from \"../../../../types/clothing\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport {\n  FABRIC_PRESETS,\n  generateFabricTextureSet,\n  type FabricTextureSet,\n} from \"../../../../utils/fabricTextures\";\n\n/**\n * Clothing attachment configuration for a bone\n *\n * Defines how clothing is positioned relative to its parent bone.\n * Position is in local bone space, so clothing moves with the bone.\n *\n * @korean 의류부착설정\n */\nexport interface ClothingAttachment {\n  /** Geometry for this clothing piece */\n  readonly geometry: THREE.BufferGeometry;\n  /** Local position offset from bone origin */\n  readonly localOffset: THREE.Vector3;\n  /** Local rotation relative to bone */\n  readonly localRotation: THREE.Euler;\n  /** Color of the clothing */\n  readonly color: number;\n  /** Emissive color for glow effects */\n  readonly emissiveColor?: number;\n  /** Emissive intensity */\n  readonly emissiveIntensity?: number;\n  /** Metalness for material */\n  readonly metalness?: number;\n  /** Roughness for material */\n  readonly roughness?: number;\n  /** Clothing item ID */\n  readonly itemId: string;\n}\n\n/**\n * Props for BoneClothing component\n */\nexport interface BoneClothingProps {\n  /** Name of the bone this clothing attaches to */\n  readonly boneName: string;\n  /** Player archetype for clothing style */\n  readonly archetype: PlayerArchetype;\n  /** Physical attributes for sizing */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth: number;\n    readonly torsoLength: number;\n    readonly armLength: number;\n    readonly legLength: number;\n  };\n}\n\n/**\n * Calculate body thickness multiplier based on muscle mass and fat mass\n *\n * Uses linear scaling with reasonable limits to prevent \"michelin man\" effect.\n * This matches the BodySurface calculation for consistency.\n *\n * @param muscleMass - Muscle mass in kg\n * @param fatMass - Fat mass in kg\n * @returns Body thickness multiplier (0.75 - 1.20)\n */\nconst calculateBodyThickness = (\n  muscleMass: number,\n  fatMass: number,\n): number => {\n  const referenceMuscle = 35; // Reference: athletic build\n  const referenceFat = 12; // Reference: low body fat\n\n  const muscleRatio = muscleMass / referenceMuscle;\n  const fatRatio = fatMass / referenceFat;\n\n  const muscleContribution = (muscleRatio - 1.0) * 0.15;\n  const fatContribution = (fatRatio - 1.0) * 0.2;\n\n  return Math.max(\n    0.75,\n    Math.min(1.2, 0.85 + muscleContribution + fatContribution),\n  );\n};\n\n/**\n * Get fabric preset based on clothing material type\n */\nconst getFabricPreset = (\n  material: ClothingMaterial,\n): keyof typeof FABRIC_PRESETS => {\n  switch (material) {\n    case \"fabric\":\n      return \"dobok\";\n    case \"tactical\":\n    case \"synthetic\":\n      return \"tactical\";\n    case \"leather\":\n    case \"armored\":\n      return \"leather\";\n    case \"cybernetic\":\n      return \"silk\"; // Shiny synthetic look\n    default:\n      return \"dobok\";\n  }\n};\n\n/**\n * Convert number color to hex string\n */\nconst numberToHex = (color: number): string => {\n  return `#${color.toString(16).padStart(6, \"0\")}`;\n};\n\n/**\n * Get clothing attachments for a specific bone\n */\nconst getClothingForBone = (\n  boneName: string,\n  archetype: PlayerArchetype,\n  physicalAttributes: {\n    muscleMass: number;\n    fatMass: number;\n    shoulderWidth: number;\n    torsoLength: number;\n    armLength: number;\n    legLength: number;\n  },\n): ClothingAttachment[] => {\n  const clothingSet = getArchetypeClothing(archetype);\n  const attachments: ClothingAttachment[] = [];\n\n  const bodyThickness = calculateBodyThickness(\n    physicalAttributes.muscleMass,\n    physicalAttributes.fatMass,\n  );\n\n  const torsoScale = physicalAttributes.torsoLength / 59;\n  const legScale = physicalAttributes.legLength / 96;\n\n  for (const item of clothingSet.items) {\n    const attachmentsForItem = getAttachmentsForItem(\n      item,\n      boneName,\n      bodyThickness,\n      torsoScale,\n      legScale,\n      physicalAttributes,\n    );\n    attachments.push(...attachmentsForItem);\n  }\n\n  return attachments;\n};\n\n/**\n * Generate clothing attachments for a specific item on a bone\n */\nconst getAttachmentsForItem = (\n  item: ClothingItem,\n  boneName: string,\n  bodyThickness: number,\n  torsoScale: number,\n  legScale: number,\n  physicalAttributes: {\n    shoulderWidth: number;\n    armLength: number;\n    legLength: number;\n  },\n): ClothingAttachment[] => {\n  const fitScaleMap: Record<string, number> = {\n    tight: 1.08,\n    fitted: 1.15,\n    loose: 1.25,\n    oversized: 1.4,\n  };\n  const fitScale = fitScaleMap[item.fit] ?? 1.15;\n  const attachments: ClothingAttachment[] = [];\n\n  switch (item.type) {\n    case \"torso\":\n      if (boneName === \"spine_middle\") {\n        const height = (59 / 100) * torsoScale * 1.2; // Using base torsoLength\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const torsoRadius =\n          ((physicalAttributes.shoulderWidth / 100) * 0.5 * bodyThickness +\n            PECTORALS_RADIUS * bodyThickness) *\n          0.5;\n        const clothingRadius = calculateClothingRadius(\n          torsoRadius,\n          1.0, // bodyThickness already applied above\n          clothingThickness,\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.95, // Slightly narrower at top (chest taper)\n            clothingRadius * 1.05, // Slightly wider at bottom (waist)\n            height,\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n\n      if (boneName === \"upper_arm_L\" || boneName === \"upper_arm_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const clothingRadius = calculateClothingRadius(\n          BICEP_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const upperArmLength = (physicalAttributes.armLength / 100) * 0.45;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 1.05, // Slightly larger at top\n            clothingRadius * 0.95, // Tapers slightly\n            upperArmLength,\n            12,\n          ),\n          localOffset: new THREE.Vector3(0, -upperArmLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-sleeve-upper-${boneName}`,\n        });\n      }\n\n      if (boneName === \"forearm_L\" || boneName === \"forearm_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale * 0.8;\n        const clothingRadius = calculateClothingRadius(\n          FOREARM_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const forearmLength = (physicalAttributes.armLength / 100) * 0.4;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.98, // Slightly smaller at top\n            clothingRadius * 0.85, // Tapers toward wrist\n            forearmLength,\n            12,\n          ),\n          localOffset: new THREE.Vector3(0, -forearmLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-sleeve-forearm-${boneName}`,\n        });\n      }\n      break;\n\n    case \"pants\":\n      if (boneName === \"thigh_L\" || boneName === \"thigh_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale * 1.3;\n        const clothingRadius = calculateClothingRadius(\n          QUAD_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const thighLength =\n          (physicalAttributes.legLength / 100) * legScale * 0.45;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 1.08, // Larger at hip\n            clothingRadius * 0.92, // Tapers toward knee\n            thighLength,\n            16,\n          ),\n          localOffset: new THREE.Vector3(0, -thighLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-thigh-${boneName}`,\n        });\n      }\n\n      if (boneName === \"shin_L\" || boneName === \"shin_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const clothingRadius = calculateClothingRadius(\n          CALF_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const shinLength =\n          (physicalAttributes.legLength / 100) * legScale * 0.42;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.95, // Larger at knee\n            clothingRadius * 0.75, // Tapers toward ankle\n            shinLength,\n            16,\n          ),\n          localOffset: new THREE.Vector3(0, -shinLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-shin-${boneName}`,\n        });\n      }\n      break;\n\n    case \"belt\":\n      if (boneName === \"pelvis\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const waistRadius = CORE_RADIUS * bodyThickness;\n        const beltRadius = calculateClothingRadius(\n          waistRadius,\n          1.0, // bodyThickness already applied\n          clothingThickness + 0.005, // Extra so belt sits outside clothing\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            beltRadius,\n            beltRadius,\n            0.06, // Belt height\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n      break;\n\n    case \"vest\":\n      if (boneName === \"spine_middle\") {\n        const height = (59 / 100) * 0.75 * torsoScale;\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const torsoRadius =\n          ((physicalAttributes.shoulderWidth / 100) * 0.5 * bodyThickness +\n            (PECTORALS_RADIUS + 0.01) * bodyThickness) *\n          0.5;\n        const vestRadius = calculateClothingRadius(\n          torsoRadius,\n          1.0, // bodyThickness already applied\n          clothingThickness + 0.008, // Extra gap for layering over shirt\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            vestRadius * 0.97, // Slightly narrower at top\n            vestRadius * 1.03, // Slightly wider at bottom\n            height,\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n      break;\n  }\n\n  return attachments;\n};\n\n/**\n * BoneClothing Component\n *\n * Renders clothing attached to a specific bone.\n * Clothing inherits bone transformations automatically through the scene graph.\n *\n * @korean 뼈부착의류\n */\nexport const BoneClothing: React.FC<BoneClothingProps> = ({\n  boneName,\n  archetype,\n  physicalAttributes,\n}) => {\n  const attrs = useMemo(\n    () =>\n      physicalAttributes ?? {\n        muscleMass: 35,\n        fatMass: 12,\n        shoulderWidth: 45,\n        torsoLength: 59,\n        armLength: 62,\n        legLength: 96,\n      },\n    [physicalAttributes],\n  );\n\n  const attachments = useMemo(\n    () => getClothingForBone(boneName, archetype, attrs),\n    [boneName, archetype, attrs],\n  );\n\n  const clothingSet = useMemo(\n    () => getArchetypeClothing(archetype),\n    [archetype],\n  );\n\n  /**\n   * Generate fabric textures for realistic dobok (도복) rendering\n   *\n   * Creates procedural weave patterns, normal maps, and roughness maps\n   * for enhanced cloth realism without external image assets.\n   *\n   * @korean 직물텍스처생성\n   */\n  const fabricTextures = useMemo(() => {\n    const textureMap = new Map<string, FabricTextureSet>();\n\n    for (const item of clothingSet.items) {\n      if (!textureMap.has(item.material)) {\n        const preset = getFabricPreset(item.material);\n        const colorHex = numberToHex(item.colorPrimary);\n        textureMap.set(\n          item.material,\n          generateFabricTextureSet(colorHex, preset),\n        );\n      }\n    }\n\n    return textureMap;\n  }, [clothingSet]);\n\n  useEffect(() => {\n    return () => {\n      fabricTextures.forEach((textureSet) => textureSet.dispose());\n    };\n  }, [fabricTextures]);\n\n  /**\n   * Create materials with advanced physical properties for realistic cloth rendering\n   *\n   * Enhanced with:\n   * - **Fabric textures**: Procedural weave patterns for dobok authenticity\n   * - **Normal maps**: Surface detail for thread texture visibility\n   * - **Roughness maps**: Realistic light scattering on fabric surface\n   * - Subsurface scattering: Light transmission through fabric for realism\n   * - Clearcoat: Surface depth and sheen for material quality\n   * - Double-sided rendering: Proper display when cloth folds\n   * - Physical properties: IOR, reflectivity for authentic appearance\n   *\n   * @korean 향상된물리재료생성\n   */\n  const materials = useMemo(() => {\n    return attachments.map((attachment) => {\n      const clothingItem = clothingSet.items.find((item) =>\n        attachment.itemId.startsWith(item.id),\n      );\n      const materialType = clothingItem?.material ?? \"fabric\";\n      const textureSet = fabricTextures.get(materialType);\n\n      let normalScale: THREE.Vector2 | undefined;\n      try {\n        normalScale = new THREE.Vector2(0.3, 0.3);\n      } catch {\n        normalScale = undefined;\n      }\n\n      const mat = new THREE.MeshPhysicalMaterial({\n        color: attachment.color,\n        map: textureSet?.colorMap ?? null,\n        normalMap: textureSet?.normalMap ?? null,\n        normalScale, // Subtle normal effect\n        roughnessMap: textureSet?.roughnessMap ?? null,\n        emissive: attachment.emissiveColor ?? 0x000000,\n        emissiveIntensity: attachment.emissiveIntensity ?? 0,\n        metalness: attachment.metalness ?? 0.1, // Lower metalness for fabric\n        roughness: attachment.roughness ?? 0.8, // Higher roughness for cloth\n        clearcoat: 0.2,\n        clearcoatRoughness: 0.6,\n        transmission: 0.03, // Minimal light transmission through fabric\n        thickness: 0.15, // Thin fabric thickness\n        ior: 1.4, // Index of refraction for fabric (lower than glass)\n        reflectivity: 0.2,\n        side: THREE.DoubleSide,\n        flatShading: false,\n      });\n      return mat;\n    });\n  }, [attachments, clothingSet, fabricTextures]);\n\n  useEffect(() => {\n    return () => {\n      materials.forEach((mat) => mat.dispose());\n    };\n  }, [materials]);\n\n  useEffect(() => {\n    return () => {\n      attachments.forEach((attachment) => {\n        attachment.geometry.dispose();\n      });\n    };\n  }, [attachments]);\n\n  if (attachments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {attachments.map((attachment, index) => (\n        <mesh\n          key={attachment.itemId}\n          geometry={attachment.geometry}\n          material={materials[index]}\n          position={attachment.localOffset.toArray()}\n          rotation={[\n            attachment.localRotation.x,\n            attachment.localRotation.y,\n            attachment.localRotation.z,\n          ]}\n          castShadow\n          receiveShadow\n          name={`clothing-${attachment.itemId}`}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default BoneClothing;\n"],"mappings":"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"}
+{"version":3,"file":"BoneClothing.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneClothing.tsx"],"sourcesContent":["/**\n * Bone-attached clothing system for realistic clothing movement with skeleton\n *\n * **Enhanced Features (v0.6.23+)**:\n * - **Subsurface Scattering**: Realistic fabric translucency with light transmission\n * - **Physical Materials**: Advanced PBR materials with clearcoat and reflectivity\n * - **Body Thickness Scaling**: Accurate clothing sizing based on muscle/fat mass\n * - **Archetype Styling**: Unique clothing sets for all 5 player archetypes\n *\n * Clothing is rendered as children of their parent bones, inheriting bone\n * transformations automatically for proper movement during animation.\n * This mirrors the BoneMuscles approach for consistent rendering.\n *\n * **Visual Quality**:\n * - Transmission: 0.05 (minimal light passing through fabric)\n * - Thickness: 0.2 (thin fabric simulation)\n * - IOR: 1.4 (realistic fabric index of refraction)\n * - Clearcoat: 0.3 (surface depth and sheen)\n * - Double-sided rendering for cloth folding\n *\n * **Performance**:\n * - Geometry disposal on unmount (prevents memory leaks)\n * - Material cleanup system\n * - Optimized attachment calculations with useMemo\n *\n * @module components/three/BoneClothing\n * @category 3D Components\n * @korean 뼈부착의류시스템\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  BICEP_RADIUS,\n  CALF_RADIUS,\n  CLOTHING_THICKNESS_FITTED,\n  CORE_RADIUS,\n  FOREARM_RADIUS,\n  PECTORALS_RADIUS,\n  QUAD_RADIUS,\n  calculateClothingRadius,\n} from \"../../../../constants/bodyDimensions\";\nimport { getArchetypeClothing } from \"../../../../data/archetypeClothing\";\nimport type {\n  ClothingItem,\n  ClothingMaterial,\n} from \"../../../../types/clothing\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport {\n  FABRIC_PRESETS,\n  generateFabricTextureSet,\n  type FabricTextureSet,\n} from \"../../../../utils/fabricTextures\";\n\n/**\n * Clothing attachment configuration for a bone\n *\n * Defines how clothing is positioned relative to its parent bone.\n * Position is in local bone space, so clothing moves with the bone.\n *\n * @korean 의류부착설정\n */\nexport interface ClothingAttachment {\n  /** Geometry for this clothing piece */\n  readonly geometry: THREE.BufferGeometry;\n  /** Local position offset from bone origin */\n  readonly localOffset: THREE.Vector3;\n  /** Local rotation relative to bone */\n  readonly localRotation: THREE.Euler;\n  /** Color of the clothing */\n  readonly color: number;\n  /** Emissive color for glow effects */\n  readonly emissiveColor?: number;\n  /** Emissive intensity */\n  readonly emissiveIntensity?: number;\n  /** Metalness for material */\n  readonly metalness?: number;\n  /** Roughness for material */\n  readonly roughness?: number;\n  /** Clothing item ID */\n  readonly itemId: string;\n}\n\n/**\n * Props for BoneClothing component\n */\nexport interface BoneClothingProps {\n  /** Name of the bone this clothing attaches to */\n  readonly boneName: string;\n  /** Player archetype for clothing style */\n  readonly archetype: PlayerArchetype;\n  /** Physical attributes for sizing */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth: number;\n    readonly torsoLength: number;\n    readonly armLength: number;\n    readonly legLength: number;\n  };\n}\n\n/**\n * Calculate body thickness multiplier based on muscle mass and fat mass\n *\n * Uses linear scaling with reasonable limits to prevent \"michelin man\" effect.\n * This matches the BodySurface calculation for consistency.\n *\n * @param muscleMass - Muscle mass in kg\n * @param fatMass - Fat mass in kg\n * @returns Body thickness multiplier (0.75 - 1.20)\n */\nconst calculateBodyThickness = (\n  muscleMass: number,\n  fatMass: number,\n): number => {\n  const referenceMuscle = 35; // Reference: athletic build\n  const referenceFat = 12; // Reference: low body fat\n\n  const muscleRatio = muscleMass / referenceMuscle;\n  const fatRatio = fatMass / referenceFat;\n\n  const muscleContribution = (muscleRatio - 1.0) * 0.15;\n  const fatContribution = (fatRatio - 1.0) * 0.2;\n\n  return Math.max(\n    0.75,\n    Math.min(1.2, 0.85 + muscleContribution + fatContribution),\n  );\n};\n\n/**\n * Get fabric preset based on clothing material type\n */\nconst getFabricPreset = (\n  material: ClothingMaterial,\n): keyof typeof FABRIC_PRESETS => {\n  switch (material) {\n    case \"fabric\":\n      return \"dobok\";\n    case \"tactical\":\n    case \"synthetic\":\n      return \"tactical\";\n    case \"leather\":\n    case \"armored\":\n      return \"leather\";\n    case \"cybernetic\":\n      return \"silk\"; // Shiny synthetic look\n    default:\n      return \"dobok\";\n  }\n};\n\n/**\n * Convert number color to hex string\n */\nconst numberToHex = (color: number): string => {\n  return `#${color.toString(16).padStart(6, \"0\")}`;\n};\n\n/**\n * Get clothing attachments for a specific bone\n */\nconst getClothingForBone = (\n  boneName: string,\n  archetype: PlayerArchetype,\n  physicalAttributes: {\n    muscleMass: number;\n    fatMass: number;\n    shoulderWidth: number;\n    torsoLength: number;\n    armLength: number;\n    legLength: number;\n  },\n): ClothingAttachment[] => {\n  const clothingSet = getArchetypeClothing(archetype);\n  const attachments: ClothingAttachment[] = [];\n\n  const bodyThickness = calculateBodyThickness(\n    physicalAttributes.muscleMass,\n    physicalAttributes.fatMass,\n  );\n\n  const torsoScale = physicalAttributes.torsoLength / 59;\n  const legScale = physicalAttributes.legLength / 96;\n\n  for (const item of clothingSet.items) {\n    const attachmentsForItem = getAttachmentsForItem(\n      item,\n      boneName,\n      bodyThickness,\n      torsoScale,\n      legScale,\n      physicalAttributes,\n    );\n    attachments.push(...attachmentsForItem);\n  }\n\n  return attachments;\n};\n\n/**\n * Generate clothing attachments for a specific item on a bone\n */\nconst getAttachmentsForItem = (\n  item: ClothingItem,\n  boneName: string,\n  bodyThickness: number,\n  torsoScale: number,\n  legScale: number,\n  physicalAttributes: {\n    shoulderWidth: number;\n    armLength: number;\n    legLength: number;\n  },\n): ClothingAttachment[] => {\n  const fitScaleMap: Record<string, number> = {\n    tight: 1.08,\n    fitted: 1.15,\n    loose: 1.25,\n    oversized: 1.4,\n  };\n  const fitScale = fitScaleMap[item.fit] ?? 1.15;\n  const attachments: ClothingAttachment[] = [];\n\n  switch (item.type) {\n    case \"torso\":\n      if (boneName === \"spine_middle\") {\n        const height = (59 / 100) * torsoScale * 1.2; // Using base torsoLength\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const torsoRadius =\n          ((physicalAttributes.shoulderWidth / 100) * 0.5 * bodyThickness +\n            PECTORALS_RADIUS * bodyThickness) *\n          0.5;\n        const clothingRadius = calculateClothingRadius(\n          torsoRadius,\n          1.0, // bodyThickness already applied above\n          clothingThickness,\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.95, // Slightly narrower at top (chest taper)\n            clothingRadius * 1.05, // Slightly wider at bottom (waist)\n            height,\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n\n      if (boneName === \"upper_arm_L\" || boneName === \"upper_arm_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const clothingRadius = calculateClothingRadius(\n          BICEP_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const upperArmLength = (physicalAttributes.armLength / 100) * 0.45;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 1.05, // Slightly larger at top\n            clothingRadius * 0.95, // Tapers slightly\n            upperArmLength,\n            12,\n          ),\n          localOffset: new THREE.Vector3(0, -upperArmLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-sleeve-upper-${boneName}`,\n        });\n      }\n\n      if (boneName === \"forearm_L\" || boneName === \"forearm_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale * 0.8;\n        const clothingRadius = calculateClothingRadius(\n          FOREARM_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const forearmLength = (physicalAttributes.armLength / 100) * 0.4;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.98, // Slightly smaller at top\n            clothingRadius * 0.85, // Tapers toward wrist\n            forearmLength,\n            12,\n          ),\n          localOffset: new THREE.Vector3(0, -forearmLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-sleeve-forearm-${boneName}`,\n        });\n      }\n      break;\n\n    case \"pants\":\n      if (boneName === \"thigh_L\" || boneName === \"thigh_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale * 1.3;\n        const clothingRadius = calculateClothingRadius(\n          QUAD_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const thighLength =\n          (physicalAttributes.legLength / 100) * legScale * 0.45;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 1.08, // Larger at hip\n            clothingRadius * 0.92, // Tapers toward knee\n            thighLength,\n            16,\n          ),\n          localOffset: new THREE.Vector3(0, -thighLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-thigh-${boneName}`,\n        });\n      }\n\n      if (boneName === \"shin_L\" || boneName === \"shin_R\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const clothingRadius = calculateClothingRadius(\n          CALF_RADIUS,\n          bodyThickness,\n          clothingThickness,\n        );\n        const shinLength =\n          (physicalAttributes.legLength / 100) * legScale * 0.42;\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            clothingRadius * 0.95, // Larger at knee\n            clothingRadius * 0.75, // Tapers toward ankle\n            shinLength,\n            16,\n          ),\n          localOffset: new THREE.Vector3(0, -shinLength * 0.4, 0),\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: `${item.id}-shin-${boneName}`,\n        });\n      }\n      break;\n\n    case \"belt\":\n      if (boneName === \"pelvis\") {\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const waistRadius = CORE_RADIUS * bodyThickness;\n        const beltRadius = calculateClothingRadius(\n          waistRadius,\n          1.0, // bodyThickness already applied\n          clothingThickness + 0.005, // Extra so belt sits outside clothing\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            beltRadius,\n            beltRadius,\n            0.06, // Belt height\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n      break;\n\n    case \"vest\":\n      if (boneName === \"spine_middle\") {\n        const height = (59 / 100) * 0.75 * torsoScale;\n        const clothingThickness = CLOTHING_THICKNESS_FITTED * fitScale;\n        const torsoRadius =\n          ((physicalAttributes.shoulderWidth / 100) * 0.5 * bodyThickness +\n            (PECTORALS_RADIUS + 0.01) * bodyThickness) *\n          0.5;\n        const vestRadius = calculateClothingRadius(\n          torsoRadius,\n          1.0, // bodyThickness already applied\n          clothingThickness + 0.008, // Extra gap for layering over shirt\n        );\n        attachments.push({\n          geometry: new THREE.CylinderGeometry(\n            vestRadius * 0.97, // Slightly narrower at top\n            vestRadius * 1.03, // Slightly wider at bottom\n            height,\n            16, // Smooth cylinder\n          ),\n          localOffset: new THREE.Vector3(0, 0, 0), // Centered on bone\n          localRotation: new THREE.Euler(0, 0, 0),\n          color: item.colorPrimary,\n          emissiveColor: item.colorEmissive,\n          emissiveIntensity: item.emissiveIntensity,\n          metalness: item.metalness,\n          roughness: item.roughness,\n          itemId: item.id,\n        });\n      }\n      break;\n  }\n\n  return attachments;\n};\n\n/**\n * BoneClothing Component\n *\n * Renders clothing attached to a specific bone.\n * Clothing inherits bone transformations automatically through the scene graph.\n *\n * @korean 뼈부착의류\n */\nexport const BoneClothing: React.FC<BoneClothingProps> = ({\n  boneName,\n  archetype,\n  physicalAttributes,\n}) => {\n  const attrs = useMemo(\n    () =>\n      physicalAttributes ?? {\n        muscleMass: 35,\n        fatMass: 12,\n        shoulderWidth: 45,\n        torsoLength: 59,\n        armLength: 62,\n        legLength: 96,\n      },\n    [physicalAttributes],\n  );\n\n  const attachments = useMemo(\n    () => getClothingForBone(boneName, archetype, attrs),\n    [boneName, archetype, attrs],\n  );\n\n  const clothingSet = useMemo(\n    () => getArchetypeClothing(archetype),\n    [archetype],\n  );\n\n  /**\n   * Generate fabric textures for realistic dobok (도복) rendering\n   *\n   * Creates procedural weave patterns, normal maps, and roughness maps\n   * for enhanced cloth realism without external image assets.\n   *\n   * @korean 직물텍스처생성\n   */\n  const fabricTextures = useMemo(() => {\n    const textureMap = new Map<string, FabricTextureSet>();\n\n    for (const item of clothingSet.items) {\n      if (!textureMap.has(item.material)) {\n        const preset = getFabricPreset(item.material);\n        const colorHex = numberToHex(item.colorPrimary);\n        textureMap.set(\n          item.material,\n          generateFabricTextureSet(colorHex, preset),\n        );\n      }\n    }\n\n    return textureMap;\n  }, [clothingSet]);\n\n  useEffect(() => {\n    return () => {\n      fabricTextures.forEach((textureSet) => textureSet.dispose());\n    };\n  }, [fabricTextures]);\n\n  /**\n   * Create materials with advanced physical properties for realistic cloth rendering\n   *\n   * Enhanced with:\n   * - **Fabric textures**: Procedural weave patterns for dobok authenticity\n   * - **Normal maps**: Surface detail for thread texture visibility\n   * - **Roughness maps**: Realistic light scattering on fabric surface\n   * - Subsurface scattering: Light transmission through fabric for realism\n   * - Clearcoat: Surface depth and sheen for material quality\n   * - Double-sided rendering: Proper display when cloth folds\n   * - Physical properties: IOR, reflectivity for authentic appearance\n   *\n   * @korean 향상된물리재료생성\n   */\n  const materials = useMemo(() => {\n    return attachments.map((attachment) => {\n      const clothingItem = clothingSet.items.find((item) =>\n        attachment.itemId.startsWith(item.id),\n      );\n      const materialType = clothingItem?.material ?? \"fabric\";\n      const textureSet = fabricTextures.get(materialType);\n\n      let normalScale: THREE.Vector2 | undefined;\n      try {\n        normalScale = new THREE.Vector2(0.3, 0.3);\n      } catch {\n        normalScale = undefined;\n      }\n\n      const mat = new THREE.MeshPhysicalMaterial({\n        color: attachment.color,\n        map: textureSet?.colorMap ?? null,\n        normalMap: textureSet?.normalMap ?? null,\n        normalScale, // Subtle normal effect\n        roughnessMap: textureSet?.roughnessMap ?? null,\n        emissive: attachment.emissiveColor ?? 0x000000,\n        emissiveIntensity: attachment.emissiveIntensity ?? 0,\n        metalness: attachment.metalness ?? 0.1, // Lower metalness for fabric\n        roughness: attachment.roughness ?? 0.8, // Higher roughness for cloth\n        clearcoat: 0.2,\n        clearcoatRoughness: 0.6,\n        transmission: 0.03, // Minimal light transmission through fabric\n        thickness: 0.15, // Thin fabric thickness\n        ior: 1.4, // Index of refraction for fabric (lower than glass)\n        reflectivity: 0.2,\n        side: THREE.DoubleSide,\n        flatShading: false,\n      });\n      return mat;\n    });\n  }, [attachments, clothingSet, fabricTextures]);\n\n  useEffect(() => {\n    return () => {\n      materials.forEach((mat) => mat.dispose());\n    };\n  }, [materials]);\n\n  useEffect(() => {\n    return () => {\n      attachments.forEach((attachment) => {\n        attachment.geometry.dispose();\n      });\n    };\n  }, [attachments]);\n\n  if (attachments.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {attachments.map((attachment, index) => (\n        <mesh\n          key={attachment.itemId}\n          geometry={attachment.geometry}\n          material={materials[index]}\n          position={attachment.localOffset.toArray()}\n          rotation={[\n            attachment.localRotation.x,\n            attachment.localRotation.y,\n            attachment.localRotation.z,\n          ]}\n          castShadow\n          receiveShadow\n          name={`clothing-${attachment.itemId}`}\n        />\n      ))}\n    </>\n  );\n};\n\nexport default BoneClothing;\n"],"mappings":"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"}

package/lib/components/shared/three/anatomy/BoneRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"BoneRenderer.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneRenderer.tsx"],"sourcesContent":["/**\n * BoneRenderer component for visualizing skeletal hierarchy\n *\n * Renders bone hierarchy as connected capsule meshes with proper transformations.\n * Recursively renders parent-child bone relationships for complete skeleton visualization.\n *\n * @module components/three/BoneRenderer\n * @category 3D Components\n * @korean 뼈렌더러컴포넌트\n */\n\nimport { useFrame } from \"@react-three/fiber\";\nimport React, { useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  BASE_BONE_RADIUS_RATIO,\n  calculateBoneThickness,\n} from \"../../../../constants/bodyRenderingConstants\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport type {\n  FacialDamageState,\n  FacialExpression,\n} from \"../../../../types/facial\";\nimport { DEFAULT_FACIAL_DAMAGE } from \"../../../../types/facial\";\nimport type { HandAnimationState } from \"../../../../types/hand-animation\";\nimport type { Bone, SkeletalRig } from \"../../../../types/skeletal\";\nimport { BoneMuscles } from \"./BoneAttachedMuscles\";\nimport { BoneClothing } from \"./BoneClothing\";\nimport { BodySurface } from \"./BodySurface\";\nimport Face3D from \"./Face3D\";\nimport Foot3D from \"./Foot3D\";\nimport Hand3D from \"./Hand3D\";\n\n/**\n * Props for BoneRenderer component\n *\n * @category Component Props\n * @korean 뼈렌더러속성\n */\nexport interface BoneRendererProps {\n  /**\n   * Skeletal rig to render\n   * @korean 골격\n   */\n  readonly rig: SkeletalRig;\n\n  /**\n   * Bone color\n   * @korean 뼈색상\n   */\n  readonly color?: number;\n\n  /**\n   * Whether to show bones (for debugging)\n   * @korean 뼈표시여부\n   */\n  readonly showBones?: boolean;\n\n  /**\n   * Render mode: 'solid' for solid meshes, 'debug' for wireframe\n   * @korean 렌더모드\n   */\n  readonly renderMode?: \"solid\" | \"debug\";\n\n  /**\n   * Left hand animation state\n   * @korean 왼손애니메이션상태\n   */\n  readonly leftHandState?: HandAnimationState;\n\n  /**\n   * Right hand animation state\n   * @korean 오른손애니메이션상태\n   */\n  readonly rightHandState?: HandAnimationState;\n\n  /**\n   * Distance from camera for LOD\n   * @korean 카메라거리\n   */\n  readonly cameraDistance?: number;\n\n  /**\n   * Current facial expression\n   * @korean 얼굴표정\n   */\n  readonly facialExpression?: FacialExpression;\n\n  /**\n   * Facial damage state\n   * @korean 얼굴손상\n   */\n  readonly facialDamage?: FacialDamageState;\n\n  /**\n   * Opponent position for eye tracking\n   * @korean 상대위치\n   */\n  readonly opponentPosition?: THREE.Vector3;\n\n  /**\n   * Enable facial expressions rendering\n   * @korean 얼굴표정렌더링\n   */\n  readonly enableFacialExpressions?: boolean;\n\n  /**\n   * Enable eye tracking\n   * @korean 눈추적활성화\n   */\n  readonly enableEyeTracking?: boolean;\n\n  /**\n   * Physical attributes for bone thickness scaling\n   * @korean 신체속성\n   */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth?: number;\n    readonly torsoLength?: number;\n    readonly armLength?: number;\n    readonly legLength?: number;\n  };\n\n  /**\n   * Player archetype for clothing style\n   * @korean 플레이어원형\n   */\n  readonly archetype?: PlayerArchetype;\n\n  /**\n   * Muscle tension states for bone-attached muscles\n   * Map of muscle group name to tension level (0-1)\n   * @korean 근육상태들\n   */\n  readonly muscleStates?: Map<string, number>;\n\n  /**\n   * Whether player is exhausted (triggers muscle shaking)\n   * @korean 피로여부\n   */\n  readonly isExhausted?: boolean;\n}\n\n/**\n * Single bone renderer with transformation\n *\n * Renders a single bone as a capsule connecting to its parent.\n *\n * @param bone - Bone to render\n * @param color - Bone color\n * @param renderMode - Render mode\n * @param leftHandState - Left hand animation state\n * @param rightHandState - Right hand animation state\n * @param cameraDistance - Distance from camera\n * @param boneThicknessMultiplier - Thickness multiplier for bone radius\n * @korean 단일뼈렌더러\n */\nconst SingleBone: React.FC<{\n  readonly bone: Bone;\n  readonly color: number;\n  readonly renderMode: \"solid\" | \"debug\";\n  readonly leftHandState?: HandAnimationState;\n  readonly rightHandState?: HandAnimationState;\n  readonly cameraDistance?: number;\n  readonly facialExpression?: FacialExpression;\n  readonly facialDamage?: FacialDamageState;\n  readonly opponentPosition?: THREE.Vector3;\n  readonly enableFacialExpressions?: boolean;\n  readonly enableEyeTracking?: boolean;\n  readonly boneThicknessMultiplier?: number;\n  readonly muscleStates?: Map<string, number>;\n  readonly isExhausted?: boolean;\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth?: number;\n    readonly torsoLength?: number;\n    readonly armLength?: number;\n    readonly legLength?: number;\n  };\n  readonly archetype?: PlayerArchetype;\n}> = ({\n  bone,\n  color,\n  renderMode,\n  leftHandState,\n  rightHandState,\n  cameraDistance = 10,\n  facialExpression,\n  facialDamage,\n  opponentPosition,\n  enableFacialExpressions = false,\n  enableEyeTracking = true,\n  boneThicknessMultiplier = 1.0,\n  muscleStates,\n  isExhausted = false,\n  physicalAttributes,\n  archetype,\n}) => {\n  const groupRef = useRef<THREE.Group>(null);\n\n  useFrame(() => {\n    if (groupRef.current) {\n      groupRef.current.rotation.set(\n        bone.rotation.x,\n        bone.rotation.y,\n        bone.rotation.z,\n      );\n      groupRef.current.position.set(\n        bone.position.x,\n        bone.position.y,\n        bone.position.z,\n      );\n    }\n  });\n\n  const boneTransform = useMemo(() => {\n    const length = bone.length;\n    const capsuleDefaultDirection = new THREE.Vector3(0, 1, 0);\n\n    let rotation = new THREE.Euler(0, 0, 0);\n    let offset = new THREE.Vector3(0, -length / 2, 0);\n\n    if (bone.parent) {\n      const x = bone.position.x ?? 0;\n      const y = bone.position.y ?? 0;\n      const z = bone.position.z ?? 0;\n\n      const positionLength = Math.sqrt(x * x + y * y + z * z);\n      if (positionLength > 0.001) {\n        const targetX = x / positionLength;\n        const targetY = y / positionLength;\n        const targetZ = z / positionLength;\n        const target = new THREE.Vector3(targetX, targetY, targetZ);\n\n        const quaternion = new THREE.Quaternion().setFromUnitVectors(\n          capsuleDefaultDirection,\n          target,\n        );\n        rotation = new THREE.Euler().setFromQuaternion(quaternion);\n\n        offset = new THREE.Vector3(\n          (-targetX * length) / 2,\n          (-targetY * length) / 2,\n          (-targetZ * length) / 2,\n        );\n      }\n    }\n\n    return { length, rotation, offset };\n  }, [bone]);\n\n  const hasMuscles = muscleStates !== undefined && muscleStates.size > 0;\n\n  return (\n    <group\n      ref={groupRef}\n      scale={bone.scale.toArray()}\n      name={`bone-${bone.name}`}\n    >\n      {/* Bone capsule connecting to parent - ONLY render if no muscles (muscles provide body shape) */}\n      {renderMode === \"solid\" && !hasMuscles ? (\n        <mesh\n          position={boneTransform.offset.toArray()}\n          rotation={[\n            boneTransform.rotation.x,\n            boneTransform.rotation.y,\n            boneTransform.rotation.z,\n          ]}\n          castShadow\n          receiveShadow\n        >\n          <capsuleGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                boneThicknessMultiplier, // Radius scaled by thickness\n              boneTransform.length, // Length unchanged\n              4,\n              8,\n            ]}\n          />\n          <meshPhysicalMaterial\n            color={color}\n            metalness={0.5}\n            roughness={0.4}\n            clearcoat={1.0}\n            clearcoatRoughness={0.1}\n            envMapIntensity={1.0}\n          />\n        </mesh>\n      ) : renderMode === \"debug\" ? (\n        <mesh\n          position={boneTransform.offset.toArray()}\n          rotation={[\n            boneTransform.rotation.x,\n            boneTransform.rotation.y,\n            boneTransform.rotation.z,\n          ]}\n        >\n          <capsuleGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                boneThicknessMultiplier, // Radius scaled by thickness\n              boneTransform.length, // Length unchanged\n              4,\n              8,\n            ]}\n          />\n          <meshBasicMaterial\n            color={color}\n            wireframe={true}\n            transparent={true}\n            opacity={0.5}\n          />\n        </mesh>\n      ) : null}\n\n      {/* Joint sphere at bone position */}\n      {renderMode === \"debug\" && (\n        <mesh>\n          <sphereGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                1.2 *\n                boneThicknessMultiplier,\n              8,\n              8,\n            ]}\n          />\n          <meshBasicMaterial color={KOREAN_COLORS.PRIMARY_CYAN} />\n        </mesh>\n      )}\n\n      {/* Render bone-attached muscles */}\n      {renderMode === \"solid\" && muscleStates && (\n        <BoneMuscles\n          boneName={bone.name}\n          muscleStates={muscleStates}\n          isExhausted={isExhausted}\n          physicalAttributes={physicalAttributes}\n        />\n      )}\n\n      {/* Render body surface (skin/flesh layer) - provides continuous humanoid appearance */}\n      {renderMode === \"solid\" && archetype && physicalAttributes && (\n        <BodySurface\n          boneName={bone.name}\n          archetype={archetype}\n          cameraDistance={cameraDistance}\n          physicalAttributes={{\n            muscleMass: physicalAttributes.muscleMass,\n            fatMass: physicalAttributes.fatMass,\n            shoulderWidth: physicalAttributes.shoulderWidth ?? 45,\n            torsoLength: physicalAttributes.torsoLength ?? 59,\n            armLength: physicalAttributes.armLength ?? 77,\n            legLength: physicalAttributes.legLength ?? 96,\n          }}\n        />\n      )}\n\n      {/* Render bone-attached clothing */}\n      {renderMode === \"solid\" && archetype && physicalAttributes && (\n        <BoneClothing\n          boneName={bone.name}\n          archetype={archetype}\n          physicalAttributes={{\n            muscleMass: physicalAttributes.muscleMass,\n            fatMass: physicalAttributes.fatMass,\n            shoulderWidth: physicalAttributes.shoulderWidth ?? 45,\n            torsoLength: physicalAttributes.torsoLength ?? 59,\n            armLength: physicalAttributes.armLength ?? 77,\n            legLength: physicalAttributes.legLength ?? 96,\n          }}\n        />\n      )}\n\n      {/* Render children recursively */}\n      {bone.children.map((childBone) => (\n        <SingleBone\n          key={childBone.name}\n          bone={childBone}\n          color={color}\n          renderMode={renderMode}\n          leftHandState={leftHandState}\n          rightHandState={rightHandState}\n          cameraDistance={cameraDistance}\n          facialExpression={facialExpression}\n          facialDamage={facialDamage}\n          opponentPosition={opponentPosition}\n          enableFacialExpressions={enableFacialExpressions}\n          enableEyeTracking={enableEyeTracking}\n          boneThicknessMultiplier={boneThicknessMultiplier}\n          muscleStates={muscleStates}\n          isExhausted={isExhausted}\n          physicalAttributes={physicalAttributes}\n          archetype={archetype}\n        />\n      ))}\n\n      {/* Add hands at hand bones with animation state */}\n      {bone.name === \"hand_L\" && leftHandState && (\n        <Hand3D\n          side=\"left\"\n          pose={leftHandState.currentPose}\n          fingerCurl={leftHandState.currentFingerCurl}\n          distanceFromCamera={cameraDistance}\n          wristRotation={leftHandState.currentWristRotation}\n          isHighlighted={leftHandState.isHighlighted}\n          highlightMode={leftHandState.highlightMode}\n          skinColor={color}\n          scale={1.0}\n        />\n      )}\n      {bone.name === \"hand_R\" && rightHandState && (\n        <Hand3D\n          side=\"right\"\n          pose={rightHandState.currentPose}\n          fingerCurl={rightHandState.currentFingerCurl}\n          distanceFromCamera={cameraDistance}\n          wristRotation={rightHandState.currentWristRotation}\n          isHighlighted={rightHandState.isHighlighted}\n          highlightMode={rightHandState.highlightMode}\n          skinColor={color}\n          scale={1.0}\n        />\n      )}\n\n      {/* Add feet at foot bones with archetype scaling */}\n      {bone.name === \"foot_L\" && (\n        <Foot3D\n          side=\"left\"\n          skinColor={color}\n          scale={boneThicknessMultiplier}\n          isHighlighted={false}\n        />\n      )}\n      {bone.name === \"foot_R\" && (\n        <Foot3D\n          side=\"right\"\n          skinColor={color}\n          scale={boneThicknessMultiplier}\n          isHighlighted={false}\n        />\n      )}\n\n      {/* Add facial features at head bone */}\n      {bone.name === \"head\" && enableFacialExpressions && facialExpression && (\n        <Face3D\n          expression={facialExpression}\n          damage={facialDamage ?? DEFAULT_FACIAL_DAMAGE}\n          opponentPosition={opponentPosition ?? new THREE.Vector3(5, 2, 0)}\n          headRotation={bone.rotation.clone()}\n          enableEyeTracking={enableEyeTracking}\n          enableDamageVisuals={true}\n          isMobile={cameraDistance > 15}\n          skinColor={color}\n        />\n      )}\n    </group>\n  );\n};\n\n/**\n * BoneRenderer component\n *\n * Renders complete skeletal rig with recursive bone hierarchy.\n *\n * @example\n * ```tsx\n * const rig = createHumanoidRig();\n * <BoneRenderer rig={rig} color={0xFF6B6B} renderMode=\"solid\" />\n * ```\n *\n * @korean 뼈렌더러컴포넌트\n */\nexport const BoneRenderer: React.FC<BoneRendererProps> = ({\n  rig,\n  color = KOREAN_COLORS.ACCENT_RED,\n  showBones = true,\n  renderMode = \"solid\",\n  leftHandState,\n  rightHandState,\n  cameraDistance = 10,\n  facialExpression,\n  facialDamage,\n  opponentPosition,\n  enableFacialExpressions = false, // Default false to avoid breaking existing tests\n  enableEyeTracking = true,\n  physicalAttributes,\n  muscleStates,\n  isExhausted = false,\n  archetype,\n}) => {\n  const boneThicknessMultiplier = useMemo(() => {\n    if (!physicalAttributes) return 1.0;\n    return calculateBoneThickness(\n      physicalAttributes.muscleMass,\n      physicalAttributes.fatMass,\n    );\n  }, [physicalAttributes]);\n\n  if (!showBones) {\n    return null;\n  }\n\n  return (\n    <group name=\"bone-renderer\">\n      <SingleBone\n        bone={rig.root}\n        color={color}\n        renderMode={renderMode}\n        leftHandState={leftHandState}\n        rightHandState={rightHandState}\n        cameraDistance={cameraDistance}\n        facialExpression={facialExpression}\n        facialDamage={facialDamage}\n        opponentPosition={opponentPosition}\n        enableFacialExpressions={enableFacialExpressions}\n        enableEyeTracking={enableEyeTracking}\n        boneThicknessMultiplier={boneThicknessMultiplier}\n        muscleStates={muscleStates}\n        isExhausted={isExhausted}\n        physicalAttributes={physicalAttributes}\n        archetype={archetype}\n      />\n    </group>\n  );\n};\n\nexport default BoneRenderer;\n"],"mappings":"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"}
+{"version":3,"file":"BoneRenderer.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/BoneRenderer.tsx"],"sourcesContent":["/**\n * BoneRenderer component for visualizing skeletal hierarchy\n *\n * Renders bone hierarchy as connected capsule meshes with proper transformations.\n * Recursively renders parent-child bone relationships for complete skeleton visualization.\n *\n * @module components/three/BoneRenderer\n * @category 3D Components\n * @korean 뼈렌더러컴포넌트\n */\n\nimport { useFrame } from \"@react-three/fiber\";\nimport React, { useMemo, useRef } from \"react\";\nimport * as THREE from \"three\";\nimport {\n  BASE_BONE_RADIUS_RATIO,\n  calculateBoneThickness,\n} from \"../../../../constants/bodyRenderingConstants\";\nimport type { PlayerArchetype } from \"../../../../types/common\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport type {\n  FacialDamageState,\n  FacialExpression,\n} from \"../../../../types/facial\";\nimport { DEFAULT_FACIAL_DAMAGE } from \"../../../../types/facial\";\nimport type { HandAnimationState } from \"../../../../types/hand-animation\";\nimport type { Bone, SkeletalRig } from \"../../../../types/skeletal\";\nimport { BoneMuscles } from \"./BoneAttachedMuscles\";\nimport { BoneClothing } from \"./BoneClothing\";\nimport { BodySurface } from \"./BodySurface\";\nimport Face3D from \"./Face3D\";\nimport Foot3D from \"./Foot3D\";\nimport Hand3D from \"./Hand3D\";\n\n/**\n * Props for BoneRenderer component\n *\n * @category Component Props\n * @korean 뼈렌더러속성\n */\nexport interface BoneRendererProps {\n  /**\n   * Skeletal rig to render\n   * @korean 골격\n   */\n  readonly rig: SkeletalRig;\n\n  /**\n   * Bone color\n   * @korean 뼈색상\n   */\n  readonly color?: number;\n\n  /**\n   * Whether to show bones (for debugging)\n   * @korean 뼈표시여부\n   */\n  readonly showBones?: boolean;\n\n  /**\n   * Render mode: 'solid' for solid meshes, 'debug' for wireframe\n   * @korean 렌더모드\n   */\n  readonly renderMode?: \"solid\" | \"debug\";\n\n  /**\n   * Left hand animation state\n   * @korean 왼손애니메이션상태\n   */\n  readonly leftHandState?: HandAnimationState;\n\n  /**\n   * Right hand animation state\n   * @korean 오른손애니메이션상태\n   */\n  readonly rightHandState?: HandAnimationState;\n\n  /**\n   * Distance from camera for LOD\n   * @korean 카메라거리\n   */\n  readonly cameraDistance?: number;\n\n  /**\n   * Current facial expression\n   * @korean 얼굴표정\n   */\n  readonly facialExpression?: FacialExpression;\n\n  /**\n   * Facial damage state\n   * @korean 얼굴손상\n   */\n  readonly facialDamage?: FacialDamageState;\n\n  /**\n   * Opponent position for eye tracking\n   * @korean 상대위치\n   */\n  readonly opponentPosition?: THREE.Vector3;\n\n  /**\n   * Enable facial expressions rendering\n   * @korean 얼굴표정렌더링\n   */\n  readonly enableFacialExpressions?: boolean;\n\n  /**\n   * Enable eye tracking\n   * @korean 눈추적활성화\n   */\n  readonly enableEyeTracking?: boolean;\n\n  /**\n   * Physical attributes for bone thickness scaling\n   * @korean 신체속성\n   */\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth?: number;\n    readonly torsoLength?: number;\n    readonly armLength?: number;\n    readonly legLength?: number;\n  };\n\n  /**\n   * Player archetype for clothing style\n   * @korean 플레이어원형\n   */\n  readonly archetype?: PlayerArchetype;\n\n  /**\n   * Muscle tension states for bone-attached muscles\n   * Map of muscle group name to tension level (0-1)\n   * @korean 근육상태들\n   */\n  readonly muscleStates?: Map<string, number>;\n\n  /**\n   * Whether player is exhausted (triggers muscle shaking)\n   * @korean 피로여부\n   */\n  readonly isExhausted?: boolean;\n}\n\n/**\n * Single bone renderer with transformation\n *\n * Renders a single bone as a capsule connecting to its parent.\n *\n * @param bone - Bone to render\n * @param color - Bone color\n * @param renderMode - Render mode\n * @param leftHandState - Left hand animation state\n * @param rightHandState - Right hand animation state\n * @param cameraDistance - Distance from camera\n * @param boneThicknessMultiplier - Thickness multiplier for bone radius\n * @korean 단일뼈렌더러\n */\nconst SingleBone: React.FC<{\n  readonly bone: Bone;\n  readonly color: number;\n  readonly renderMode: \"solid\" | \"debug\";\n  readonly leftHandState?: HandAnimationState;\n  readonly rightHandState?: HandAnimationState;\n  readonly cameraDistance?: number;\n  readonly facialExpression?: FacialExpression;\n  readonly facialDamage?: FacialDamageState;\n  readonly opponentPosition?: THREE.Vector3;\n  readonly enableFacialExpressions?: boolean;\n  readonly enableEyeTracking?: boolean;\n  readonly boneThicknessMultiplier?: number;\n  readonly muscleStates?: Map<string, number>;\n  readonly isExhausted?: boolean;\n  readonly physicalAttributes?: {\n    readonly muscleMass: number;\n    readonly fatMass: number;\n    readonly shoulderWidth?: number;\n    readonly torsoLength?: number;\n    readonly armLength?: number;\n    readonly legLength?: number;\n  };\n  readonly archetype?: PlayerArchetype;\n}> = ({\n  bone,\n  color,\n  renderMode,\n  leftHandState,\n  rightHandState,\n  cameraDistance = 10,\n  facialExpression,\n  facialDamage,\n  opponentPosition,\n  enableFacialExpressions = false,\n  enableEyeTracking = true,\n  boneThicknessMultiplier = 1.0,\n  muscleStates,\n  isExhausted = false,\n  physicalAttributes,\n  archetype,\n}) => {\n  const groupRef = useRef<THREE.Group>(null);\n\n  useFrame(() => {\n    if (groupRef.current) {\n      groupRef.current.rotation.set(\n        bone.rotation.x,\n        bone.rotation.y,\n        bone.rotation.z,\n      );\n      groupRef.current.position.set(\n        bone.position.x,\n        bone.position.y,\n        bone.position.z,\n      );\n    }\n  });\n\n  const boneTransform = useMemo(() => {\n    const length = bone.length;\n    const capsuleDefaultDirection = new THREE.Vector3(0, 1, 0);\n\n    let rotation = new THREE.Euler(0, 0, 0);\n    let offset = new THREE.Vector3(0, -length / 2, 0);\n\n    if (bone.parent) {\n      const x = bone.position.x ?? 0;\n      const y = bone.position.y ?? 0;\n      const z = bone.position.z ?? 0;\n\n      const positionLength = Math.sqrt(x * x + y * y + z * z);\n      if (positionLength > 0.001) {\n        const targetX = x / positionLength;\n        const targetY = y / positionLength;\n        const targetZ = z / positionLength;\n        const target = new THREE.Vector3(targetX, targetY, targetZ);\n\n        const quaternion = new THREE.Quaternion().setFromUnitVectors(\n          capsuleDefaultDirection,\n          target,\n        );\n        rotation = new THREE.Euler().setFromQuaternion(quaternion);\n\n        offset = new THREE.Vector3(\n          (-targetX * length) / 2,\n          (-targetY * length) / 2,\n          (-targetZ * length) / 2,\n        );\n      }\n    }\n\n    return { length, rotation, offset };\n  }, [bone]);\n\n  const hasMuscles = muscleStates !== undefined && muscleStates.size > 0;\n\n  return (\n    <group\n      ref={groupRef}\n      scale={bone.scale.toArray()}\n      name={`bone-${bone.name}`}\n    >\n      {/* Bone capsule connecting to parent - ONLY render if no muscles (muscles provide body shape) */}\n      {renderMode === \"solid\" && !hasMuscles ? (\n        <mesh\n          position={boneTransform.offset.toArray()}\n          rotation={[\n            boneTransform.rotation.x,\n            boneTransform.rotation.y,\n            boneTransform.rotation.z,\n          ]}\n          castShadow\n          receiveShadow\n        >\n          <capsuleGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                boneThicknessMultiplier, // Radius scaled by thickness\n              boneTransform.length, // Length unchanged\n              4,\n              8,\n            ]}\n          />\n          <meshPhysicalMaterial\n            color={color}\n            metalness={0.5}\n            roughness={0.4}\n            clearcoat={1.0}\n            clearcoatRoughness={0.1}\n            envMapIntensity={1.0}\n          />\n        </mesh>\n      ) : renderMode === \"debug\" ? (\n        <mesh\n          position={boneTransform.offset.toArray()}\n          rotation={[\n            boneTransform.rotation.x,\n            boneTransform.rotation.y,\n            boneTransform.rotation.z,\n          ]}\n        >\n          <capsuleGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                boneThicknessMultiplier, // Radius scaled by thickness\n              boneTransform.length, // Length unchanged\n              4,\n              8,\n            ]}\n          />\n          <meshBasicMaterial\n            color={color}\n            wireframe={true}\n            transparent={true}\n            opacity={0.5}\n          />\n        </mesh>\n      ) : null}\n\n      {/* Joint sphere at bone position */}\n      {renderMode === \"debug\" && (\n        <mesh>\n          <sphereGeometry\n            args={[\n              boneTransform.length *\n                BASE_BONE_RADIUS_RATIO *\n                1.2 *\n                boneThicknessMultiplier,\n              8,\n              8,\n            ]}\n          />\n          <meshBasicMaterial color={KOREAN_COLORS.PRIMARY_CYAN} />\n        </mesh>\n      )}\n\n      {/* Render bone-attached muscles */}\n      {renderMode === \"solid\" && muscleStates && (\n        <BoneMuscles\n          boneName={bone.name}\n          muscleStates={muscleStates}\n          isExhausted={isExhausted}\n          physicalAttributes={physicalAttributes}\n        />\n      )}\n\n      {/* Render body surface (skin/flesh layer) - provides continuous humanoid appearance */}\n      {renderMode === \"solid\" && archetype && physicalAttributes && (\n        <BodySurface\n          boneName={bone.name}\n          archetype={archetype}\n          cameraDistance={cameraDistance}\n          physicalAttributes={{\n            muscleMass: physicalAttributes.muscleMass,\n            fatMass: physicalAttributes.fatMass,\n            shoulderWidth: physicalAttributes.shoulderWidth ?? 45,\n            torsoLength: physicalAttributes.torsoLength ?? 59,\n            armLength: physicalAttributes.armLength ?? 77,\n            legLength: physicalAttributes.legLength ?? 96,\n          }}\n        />\n      )}\n\n      {/* Render bone-attached clothing */}\n      {renderMode === \"solid\" && archetype && physicalAttributes && (\n        <BoneClothing\n          boneName={bone.name}\n          archetype={archetype}\n          physicalAttributes={{\n            muscleMass: physicalAttributes.muscleMass,\n            fatMass: physicalAttributes.fatMass,\n            shoulderWidth: physicalAttributes.shoulderWidth ?? 45,\n            torsoLength: physicalAttributes.torsoLength ?? 59,\n            armLength: physicalAttributes.armLength ?? 77,\n            legLength: physicalAttributes.legLength ?? 96,\n          }}\n        />\n      )}\n\n      {/* Render children recursively */}\n      {bone.children.map((childBone) => (\n        <SingleBone\n          key={childBone.name}\n          bone={childBone}\n          color={color}\n          renderMode={renderMode}\n          leftHandState={leftHandState}\n          rightHandState={rightHandState}\n          cameraDistance={cameraDistance}\n          facialExpression={facialExpression}\n          facialDamage={facialDamage}\n          opponentPosition={opponentPosition}\n          enableFacialExpressions={enableFacialExpressions}\n          enableEyeTracking={enableEyeTracking}\n          boneThicknessMultiplier={boneThicknessMultiplier}\n          muscleStates={muscleStates}\n          isExhausted={isExhausted}\n          physicalAttributes={physicalAttributes}\n          archetype={archetype}\n        />\n      ))}\n\n      {/* Add hands at hand bones with animation state */}\n      {bone.name === \"hand_L\" && leftHandState && (\n        <Hand3D\n          side=\"left\"\n          pose={leftHandState.currentPose}\n          fingerCurl={leftHandState.currentFingerCurl}\n          distanceFromCamera={cameraDistance}\n          wristRotation={leftHandState.currentWristRotation}\n          isHighlighted={leftHandState.isHighlighted}\n          highlightMode={leftHandState.highlightMode}\n          skinColor={color}\n          scale={1.0}\n        />\n      )}\n      {bone.name === \"hand_R\" && rightHandState && (\n        <Hand3D\n          side=\"right\"\n          pose={rightHandState.currentPose}\n          fingerCurl={rightHandState.currentFingerCurl}\n          distanceFromCamera={cameraDistance}\n          wristRotation={rightHandState.currentWristRotation}\n          isHighlighted={rightHandState.isHighlighted}\n          highlightMode={rightHandState.highlightMode}\n          skinColor={color}\n          scale={1.0}\n        />\n      )}\n\n      {/* Add feet at foot bones with archetype scaling */}\n      {bone.name === \"foot_L\" && (\n        <Foot3D\n          side=\"left\"\n          skinColor={color}\n          scale={boneThicknessMultiplier}\n          isHighlighted={false}\n        />\n      )}\n      {bone.name === \"foot_R\" && (\n        <Foot3D\n          side=\"right\"\n          skinColor={color}\n          scale={boneThicknessMultiplier}\n          isHighlighted={false}\n        />\n      )}\n\n      {/* Add facial features at head bone */}\n      {bone.name === \"head\" && enableFacialExpressions && facialExpression && (\n        <Face3D\n          expression={facialExpression}\n          damage={facialDamage ?? DEFAULT_FACIAL_DAMAGE}\n          opponentPosition={opponentPosition ?? new THREE.Vector3(5, 2, 0)}\n          headRotation={bone.rotation.clone()}\n          enableEyeTracking={enableEyeTracking}\n          enableDamageVisuals={true}\n          isMobile={cameraDistance > 15}\n          skinColor={color}\n        />\n      )}\n    </group>\n  );\n};\n\n/**\n * BoneRenderer component\n *\n * Renders complete skeletal rig with recursive bone hierarchy.\n *\n * @example\n * ```tsx\n * const rig = createHumanoidRig();\n * <BoneRenderer rig={rig} color={0xFF6B6B} renderMode=\"solid\" />\n * ```\n *\n * @korean 뼈렌더러컴포넌트\n */\nexport const BoneRenderer: React.FC<BoneRendererProps> = ({\n  rig,\n  color = KOREAN_COLORS.ACCENT_RED,\n  showBones = true,\n  renderMode = \"solid\",\n  leftHandState,\n  rightHandState,\n  cameraDistance = 10,\n  facialExpression,\n  facialDamage,\n  opponentPosition,\n  enableFacialExpressions = false, // Default false to avoid breaking existing tests\n  enableEyeTracking = true,\n  physicalAttributes,\n  muscleStates,\n  isExhausted = false,\n  archetype,\n}) => {\n  const boneThicknessMultiplier = useMemo(() => {\n    if (!physicalAttributes) return 1.0;\n    return calculateBoneThickness(\n      physicalAttributes.muscleMass,\n      physicalAttributes.fatMass,\n    );\n  }, [physicalAttributes]);\n\n  if (!showBones) {\n    return null;\n  }\n\n  return (\n    <group name=\"bone-renderer\">\n      <SingleBone\n        bone={rig.root}\n        color={color}\n        renderMode={renderMode}\n        leftHandState={leftHandState}\n        rightHandState={rightHandState}\n        cameraDistance={cameraDistance}\n        facialExpression={facialExpression}\n        facialDamage={facialDamage}\n        opponentPosition={opponentPosition}\n        enableFacialExpressions={enableFacialExpressions}\n        enableEyeTracking={enableEyeTracking}\n        boneThicknessMultiplier={boneThicknessMultiplier}\n        muscleStates={muscleStates}\n        isExhausted={isExhausted}\n        physicalAttributes={physicalAttributes}\n        archetype={archetype}\n      />\n    </group>\n  );\n};\n\nexport default BoneRenderer;\n"],"mappings":"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"}