blacktrigram 0.7.45 → 0.7.48

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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Face3D.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/Face3D.tsx"],"sourcesContent":["/**\n * Face3D component with realistic facial features\n *\n * Renders facial features with expressions, eye tracking, and damage visualization:\n * - Eyes with pupils that track opponent\n * - Mouth that opens/closes based on expression\n * - Nose geometry\n * - Damage effects (bruises, swelling, bleeding)\n *\n * @module components/three/Face3D\n * @category 3D Components\n * @korean 얼굴3D컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport {\n  EYE_OPENNESS,\n  MOUTH_OPENNESS,\n  type EyeProps,\n  type Face3DProps,\n  type MouthProps,\n} from \"../../../../types/facial\";\nimport { mixColors } from \"../../../../utils/colorHelpers\";\n\n/**\n * Head position offset from bone center\n * Since Face3D is rendered inside the head bone group,\n * this is a small offset to position the face correctly\n * @korean 머리위치오프셋\n */\nconst HEAD_POSITION_OFFSET = 0.1;\n\n/**\n * Eye component with pupil tracking and swelling\n *\n * Renders eye with adjustable openness, pupil tracking, and swelling effects.\n *\n * @param props - Eye component props\n * @returns Eye 3D mesh group\n *\n * @korean 눈컴포넌트\n */\nconst Eye: React.FC<EyeProps> = ({\n  position,\n  expression,\n  lookDirection,\n  swelling,\n  side,\n}) => {\n  const eyeOpenness = useMemo(() => {\n    return EYE_OPENNESS[expression];\n  }, [expression]);\n\n  const pupilOffset = useMemo(() => {\n    const normalized = lookDirection.clone().normalize();\n\n    const maxOffset = 0.015;\n    const x = normalized.x * maxOffset;\n    const y = -normalized.y * maxOffset * 0.5; // Less vertical movement\n\n    return new THREE.Vector3(x, y, 0.03);\n  }, [lookDirection]);\n\n  const swellingColor = 0x663366;\n\n  return (\n    <group position={position} name={`eye-${side}`}>\n      {/* Eye white (sclera) */}\n      <mesh scale={[1, eyeOpenness, 1]}>\n        <sphereGeometry args={[0.04, 8, 8]} />\n        <meshPhysicalMaterial\n          color={0xffffff}\n          roughness={0.1}\n          clearcoat={1.0}\n          clearcoatRoughness={0.1}\n        />\n      </mesh>\n\n      {/* Pupil (tracks opponent) */}\n      {eyeOpenness > 0.1 && (\n        <mesh position={pupilOffset}>\n          <sphereGeometry args={[0.015, 8, 8]} />\n          <meshPhysicalMaterial\n            color={0x000000}\n            roughness={0.2}\n            clearcoat={0.8}\n          />\n        </mesh>\n      )}\n\n      {/* Swelling indicator */}\n      {swelling > 0 && (\n        <mesh scale={[1 + swelling * 0.5, 1 + swelling * 0.5, 1]}>\n          <sphereGeometry args={[0.05, 8, 8]} />\n          <meshStandardMaterial\n            color={swellingColor}\n            transparent\n            opacity={swelling * 0.6}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Mouth component with expression-based openness and bleeding\n *\n * Renders mouth that opens/closes based on expression.\n *\n * @param props - Mouth component props\n * @returns Mouth 3D mesh group\n *\n * @korean 입컴포넌트\n */\nconst Mouth: React.FC<MouthProps> = ({ position, expression, bleeding }) => {\n  const mouthOpenness = useMemo(() => {\n    return MOUTH_OPENNESS[expression];\n  }, [expression]);\n\n  const bloodColor = KOREAN_COLORS.ACCENT_RED;\n\n  return (\n    <group position={position} name=\"mouth\">\n      {/* Mouth line */}\n      <mesh scale={[0.08, mouthOpenness * 0.04 + 0.005, 0.01]}>\n        <boxGeometry args={[1, 1, 1]} />\n        <meshPhysicalMaterial color={0x330000} roughness={0.5} />\n      </mesh>\n\n      {/* Blood effect */}\n      {bleeding > 0 && (\n        <>\n          {/* Blood on lip */}\n          <mesh position={[0, -0.01, 0]}>\n            <sphereGeometry args={[0.015, 8, 8]} />\n            <meshPhysicalMaterial\n              color={bloodColor}\n              roughness={0.2}\n              clearcoat={1.0}\n              transparent\n              opacity={bleeding * 0.9}\n            />\n          </mesh>\n\n          {/* Blood drip */}\n          {bleeding > 0.5 && (\n            <mesh position={[0, -0.03, 0]} scale={[0.5, 1, 0.5]}>\n              <cylinderGeometry args={[0.005, 0.008, 0.04, 8]} />\n              <meshPhysicalMaterial\n                color={bloodColor}\n                roughness={0.2}\n                clearcoat={1.0}\n                transparent\n                opacity={bleeding * 0.7}\n              />\n            </mesh>\n          )}\n        </>\n      )}\n    </group>\n  );\n};\n\n/**\n * Nose component\n *\n * Simple geometric nose.\n *\n * @param position - Nose position\n * @param skinColor - Skin tone color\n * @param bleeding - Bleeding intensity (0-1)\n * @returns Nose 3D mesh\n *\n * @korean 코컴포넌트\n */\nconst Nose: React.FC<{\n  position: [number, number, number];\n  skinColor: number;\n  bleeding: number;\n}> = ({ position, skinColor, bleeding }) => {\n  const bloodColor = KOREAN_COLORS.ACCENT_RED;\n\n  const noseMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: skinColor,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        transmission: 0,\n        thickness: 0.05,\n        ior: 1.4,\n        sheen: 0.1,\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [skinColor]\n  );\n\n  useEffect(() => {\n    return () => {\n      noseMaterial.dispose();\n    };\n  }, [noseMaterial]);\n\n  return (\n    <group position={position} name=\"nose\">\n      {/* Nose */}\n      <mesh rotation={[Math.PI, 0, 0]}>\n        <coneGeometry args={[0.03, 0.06, 8]} />\n        <primitive object={noseMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Blood from nose */}\n      {bleeding > 0 && (\n        <mesh position={[0, -0.03, 0.01]}>\n          <sphereGeometry args={[0.01, 6, 6]} />\n          <meshBasicMaterial\n            color={bloodColor}\n            transparent\n            opacity={bleeding * 0.8}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Face3D component\n *\n * Main facial features component with head sphere, eyes, mouth, nose,\n * and damage visualization.\n *\n * @param props - Face3D props\n * @returns Face 3D mesh group\n *\n * @example\n * ```tsx\n * <Face3D\n *   expression={FacialExpression.PAINED}\n *   damage={damageState}\n *   opponentPosition={new THREE.Vector3(5, 2, 0)}\n *   headRotation={new THREE.Euler(0, 0, 0)}\n *   enableEyeTracking={true}\n * />\n * ```\n *\n * @korean 얼굴3D\n */\nexport const Face3D: React.FC<Face3DProps> = ({\n  expression,\n  damage,\n  opponentPosition,\n  headRotation,\n  enableEyeTracking = true,\n  enableDamageVisuals = true,\n  isMobile = false,\n  skinColor = 0xffdbac, // Default skin tone\n}) => {\n  const eyeDirection = useMemo(() => {\n    if (!enableEyeTracking) {\n      return new THREE.Vector3(0, 0, 1); // Look forward\n    }\n\n    if (\n      !opponentPosition ||\n      typeof opponentPosition.x !== \"number\" ||\n      typeof opponentPosition.y !== \"number\" ||\n      typeof opponentPosition.z !== \"number\"\n    ) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"Face3D: opponentPosition is not a valid THREE.Vector3; defaulting eye direction forward.\"\n        );\n      }\n      return new THREE.Vector3(0, 0, 1);\n    }\n\n    const headPos = new THREE.Vector3(0, HEAD_POSITION_OFFSET, 0);\n    const dir = new THREE.Vector3(\n      opponentPosition.x - headPos.x,\n      opponentPosition.y - headPos.y,\n      opponentPosition.z - headPos.z\n    );\n    dir.normalize();\n\n    return dir;\n  }, [opponentPosition, enableEyeTracking]);\n\n  const bruiseIntensity = useMemo(() => {\n    if (!enableDamageVisuals) return 0;\n\n    const avgBruise =\n      (damage.leftCheekBruise +\n        damage.rightCheekBruise +\n        damage.foreheadBruise +\n        damage.jawBruise) /\n      4;\n    return avgBruise;\n  }, [damage, enableDamageVisuals]);\n\n  const headColor = useMemo(() => {\n    if (bruiseIntensity === 0) return skinColor;\n\n    const bruiseColor = 0x663366;\n    return mixColors(skinColor, bruiseColor, bruiseIntensity * 0.3);\n  }, [skinColor, bruiseIntensity]);\n\n  const damageTexture = null;\n\n  const headMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: headColor,\n        map: damageTexture,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        envMapIntensity: 0.5,\n        transmission: 0,\n        thickness: 0.1,\n        ior: 1.4, // Index of refraction for skin\n        sheen: 0.15, // Facial skin has more sheen\n        sheenRoughness: 0.7,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [headColor, damageTexture]\n  );\n\n  const earMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: headColor,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        transmission: 0,\n        thickness: 0.05,\n        ior: 1.4,\n        sheen: 0.1,\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [headColor]\n  );\n\n  useEffect(() => {\n    return () => {\n      headMaterial.dispose();\n      earMaterial.dispose();\n    };\n  }, [headMaterial, earMaterial]);\n\n  return (\n    <group\n      position={[0, HEAD_POSITION_OFFSET, 0]}\n      rotation={headRotation}\n      name=\"face3d\"\n    >\n      {/* Head sphere */}\n      <mesh>\n        <sphereGeometry args={[0.2, isMobile ? 12 : 16, isMobile ? 12 : 16]} />\n        <primitive object={headMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Left eye */}\n      <Eye\n        position={[-0.08, 0.05, 0.15]}\n        expression={expression}\n        lookDirection={eyeDirection}\n        swelling={enableDamageVisuals ? damage.leftEyeSwelling : 0}\n        side=\"left\"\n      />\n\n      {/* Right eye */}\n      <Eye\n        position={[0.08, 0.05, 0.15]}\n        expression={expression}\n        lookDirection={eyeDirection}\n        swelling={enableDamageVisuals ? damage.rightEyeSwelling : 0}\n        side=\"right\"\n      />\n\n      {/* Mouth */}\n      <Mouth\n        position={[0, -0.05, 0.15]}\n        expression={expression}\n        bleeding={enableDamageVisuals ? damage.mouthBleeding : 0}\n      />\n\n      {/* Nose */}\n      <Nose\n        position={[0, 0.02, 0.18]}\n        skinColor={skinColor}\n        bleeding={enableDamageVisuals ? damage.noseBleeding : 0}\n      />\n\n      {/* Ears (simple geometric shapes) */}\n      {!isMobile && (\n        <>\n          {/* Left ear */}\n          <mesh position={[-0.2, 0, 0]} rotation={[0, 0, Math.PI / 6]}>\n            <sphereGeometry args={[0.04, 8, 8]} />\n            <primitive object={earMaterial} attach=\"material\" />\n          </mesh>\n\n          {/* Right ear */}\n          <mesh position={[0.2, 0, 0]} rotation={[0, 0, -Math.PI / 6]}>\n            <sphereGeometry args={[0.04, 8, 8]} />\n            <primitive object={earMaterial} attach=\"material\" />\n          </mesh>\n        </>\n      )}\n    </group>\n  );\n};\n\nexport default Face3D;\n"],"mappings":"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"}
+{"version":3,"file":"Face3D.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/Face3D.tsx"],"sourcesContent":["/**\n * Face3D component with realistic facial features\n *\n * Renders facial features with expressions, eye tracking, and damage visualization:\n * - Eyes with pupils that track opponent\n * - Mouth that opens/closes based on expression\n * - Nose geometry\n * - Damage effects (bruises, swelling, bleeding)\n *\n * @module components/three/Face3D\n * @category 3D Components\n * @korean 얼굴3D컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport {\n  EYE_OPENNESS,\n  MOUTH_OPENNESS,\n  type EyeProps,\n  type Face3DProps,\n  type MouthProps,\n} from \"../../../../types/facial\";\nimport { mixColors } from \"../../../../utils/colorHelpers\";\n\n/**\n * Head position offset from bone center\n * Since Face3D is rendered inside the head bone group,\n * this is a small offset to position the face correctly\n * @korean 머리위치오프셋\n */\nconst HEAD_POSITION_OFFSET = 0.1;\n\n/**\n * Eye component with pupil tracking and swelling\n *\n * Renders eye with adjustable openness, pupil tracking, and swelling effects.\n *\n * @param props - Eye component props\n * @returns Eye 3D mesh group\n *\n * @korean 눈컴포넌트\n */\nconst Eye: React.FC<EyeProps> = ({\n  position,\n  expression,\n  lookDirection,\n  swelling,\n  side,\n}) => {\n  const eyeOpenness = useMemo(() => {\n    return EYE_OPENNESS[expression];\n  }, [expression]);\n\n  const pupilOffset = useMemo(() => {\n    const normalized = lookDirection.clone().normalize();\n\n    const maxOffset = 0.015;\n    const x = normalized.x * maxOffset;\n    const y = -normalized.y * maxOffset * 0.5; // Less vertical movement\n\n    return new THREE.Vector3(x, y, 0.03);\n  }, [lookDirection]);\n\n  const swellingColor = 0x663366;\n\n  return (\n    <group position={position} name={`eye-${side}`}>\n      {/* Eye white (sclera) */}\n      <mesh scale={[1, eyeOpenness, 1]}>\n        <sphereGeometry args={[0.04, 8, 8]} />\n        <meshPhysicalMaterial\n          color={0xffffff}\n          roughness={0.1}\n          clearcoat={1.0}\n          clearcoatRoughness={0.1}\n        />\n      </mesh>\n\n      {/* Pupil (tracks opponent) */}\n      {eyeOpenness > 0.1 && (\n        <mesh position={pupilOffset}>\n          <sphereGeometry args={[0.015, 8, 8]} />\n          <meshPhysicalMaterial\n            color={0x000000}\n            roughness={0.2}\n            clearcoat={0.8}\n          />\n        </mesh>\n      )}\n\n      {/* Swelling indicator */}\n      {swelling > 0 && (\n        <mesh scale={[1 + swelling * 0.5, 1 + swelling * 0.5, 1]}>\n          <sphereGeometry args={[0.05, 8, 8]} />\n          <meshStandardMaterial\n            color={swellingColor}\n            transparent\n            opacity={swelling * 0.6}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Mouth component with expression-based openness and bleeding\n *\n * Renders mouth that opens/closes based on expression.\n *\n * @param props - Mouth component props\n * @returns Mouth 3D mesh group\n *\n * @korean 입컴포넌트\n */\nconst Mouth: React.FC<MouthProps> = ({ position, expression, bleeding }) => {\n  const mouthOpenness = useMemo(() => {\n    return MOUTH_OPENNESS[expression];\n  }, [expression]);\n\n  const bloodColor = KOREAN_COLORS.ACCENT_RED;\n\n  return (\n    <group position={position} name=\"mouth\">\n      {/* Mouth line */}\n      <mesh scale={[0.08, mouthOpenness * 0.04 + 0.005, 0.01]}>\n        <boxGeometry args={[1, 1, 1]} />\n        <meshPhysicalMaterial color={0x330000} roughness={0.5} />\n      </mesh>\n\n      {/* Blood effect */}\n      {bleeding > 0 && (\n        <>\n          {/* Blood on lip */}\n          <mesh position={[0, -0.01, 0]}>\n            <sphereGeometry args={[0.015, 8, 8]} />\n            <meshPhysicalMaterial\n              color={bloodColor}\n              roughness={0.2}\n              clearcoat={1.0}\n              transparent\n              opacity={bleeding * 0.9}\n            />\n          </mesh>\n\n          {/* Blood drip */}\n          {bleeding > 0.5 && (\n            <mesh position={[0, -0.03, 0]} scale={[0.5, 1, 0.5]}>\n              <cylinderGeometry args={[0.005, 0.008, 0.04, 8]} />\n              <meshPhysicalMaterial\n                color={bloodColor}\n                roughness={0.2}\n                clearcoat={1.0}\n                transparent\n                opacity={bleeding * 0.7}\n              />\n            </mesh>\n          )}\n        </>\n      )}\n    </group>\n  );\n};\n\n/**\n * Nose component\n *\n * Simple geometric nose.\n *\n * @param position - Nose position\n * @param skinColor - Skin tone color\n * @param bleeding - Bleeding intensity (0-1)\n * @returns Nose 3D mesh\n *\n * @korean 코컴포넌트\n */\nconst Nose: React.FC<{\n  position: [number, number, number];\n  skinColor: number;\n  bleeding: number;\n}> = ({ position, skinColor, bleeding }) => {\n  const bloodColor = KOREAN_COLORS.ACCENT_RED;\n\n  const noseMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: skinColor,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        transmission: 0,\n        thickness: 0.05,\n        ior: 1.4,\n        sheen: 0.1,\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [skinColor]\n  );\n\n  useEffect(() => {\n    return () => {\n      noseMaterial.dispose();\n    };\n  }, [noseMaterial]);\n\n  return (\n    <group position={position} name=\"nose\">\n      {/* Nose */}\n      <mesh rotation={[Math.PI, 0, 0]}>\n        <coneGeometry args={[0.03, 0.06, 8]} />\n        <primitive object={noseMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Blood from nose */}\n      {bleeding > 0 && (\n        <mesh position={[0, -0.03, 0.01]}>\n          <sphereGeometry args={[0.01, 6, 6]} />\n          <meshBasicMaterial\n            color={bloodColor}\n            transparent\n            opacity={bleeding * 0.8}\n          />\n        </mesh>\n      )}\n    </group>\n  );\n};\n\n/**\n * Face3D component\n *\n * Main facial features component with head sphere, eyes, mouth, nose,\n * and damage visualization.\n *\n * @param props - Face3D props\n * @returns Face 3D mesh group\n *\n * @example\n * ```tsx\n * <Face3D\n *   expression={FacialExpression.PAINED}\n *   damage={damageState}\n *   opponentPosition={new THREE.Vector3(5, 2, 0)}\n *   headRotation={new THREE.Euler(0, 0, 0)}\n *   enableEyeTracking={true}\n * />\n * ```\n *\n * @korean 얼굴3D\n */\nexport const Face3D: React.FC<Face3DProps> = ({\n  expression,\n  damage,\n  opponentPosition,\n  headRotation,\n  enableEyeTracking = true,\n  enableDamageVisuals = true,\n  isMobile = false,\n  skinColor = 0xffdbac, // Default skin tone\n}) => {\n  const eyeDirection = useMemo(() => {\n    if (!enableEyeTracking) {\n      return new THREE.Vector3(0, 0, 1); // Look forward\n    }\n\n    if (\n      !opponentPosition ||\n      typeof opponentPosition.x !== \"number\" ||\n      typeof opponentPosition.y !== \"number\" ||\n      typeof opponentPosition.z !== \"number\"\n    ) {\n      if (process.env.NODE_ENV !== \"production\") {\n        console.warn(\n          \"Face3D: opponentPosition is not a valid THREE.Vector3; defaulting eye direction forward.\"\n        );\n      }\n      return new THREE.Vector3(0, 0, 1);\n    }\n\n    const headPos = new THREE.Vector3(0, HEAD_POSITION_OFFSET, 0);\n    const dir = new THREE.Vector3(\n      opponentPosition.x - headPos.x,\n      opponentPosition.y - headPos.y,\n      opponentPosition.z - headPos.z\n    );\n    dir.normalize();\n\n    return dir;\n  }, [opponentPosition, enableEyeTracking]);\n\n  const bruiseIntensity = useMemo(() => {\n    if (!enableDamageVisuals) return 0;\n\n    const avgBruise =\n      (damage.leftCheekBruise +\n        damage.rightCheekBruise +\n        damage.foreheadBruise +\n        damage.jawBruise) /\n      4;\n    return avgBruise;\n  }, [damage, enableDamageVisuals]);\n\n  const headColor = useMemo(() => {\n    if (bruiseIntensity === 0) return skinColor;\n\n    const bruiseColor = 0x663366;\n    return mixColors(skinColor, bruiseColor, bruiseIntensity * 0.3);\n  }, [skinColor, bruiseIntensity]);\n\n  const damageTexture = null;\n\n  const headMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: headColor,\n        map: damageTexture,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        envMapIntensity: 0.5,\n        transmission: 0,\n        thickness: 0.1,\n        ior: 1.4, // Index of refraction for skin\n        sheen: 0.15, // Facial skin has more sheen\n        sheenRoughness: 0.7,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [headColor, damageTexture]\n  );\n\n  const earMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: headColor,\n        roughness: 0.6,\n        metalness: 0,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.6,\n        transmission: 0,\n        thickness: 0.05,\n        ior: 1.4,\n        sheen: 0.1,\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(0xff6040),\n        emissiveIntensity: 0.02,\n      }),\n    [headColor]\n  );\n\n  useEffect(() => {\n    return () => {\n      headMaterial.dispose();\n      earMaterial.dispose();\n    };\n  }, [headMaterial, earMaterial]);\n\n  return (\n    <group\n      position={[0, HEAD_POSITION_OFFSET, 0]}\n      rotation={headRotation}\n      name=\"face3d\"\n    >\n      {/* Head sphere */}\n      <mesh>\n        <sphereGeometry args={[0.2, isMobile ? 12 : 16, isMobile ? 12 : 16]} />\n        <primitive object={headMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Left eye */}\n      <Eye\n        position={[-0.08, 0.05, 0.15]}\n        expression={expression}\n        lookDirection={eyeDirection}\n        swelling={enableDamageVisuals ? damage.leftEyeSwelling : 0}\n        side=\"left\"\n      />\n\n      {/* Right eye */}\n      <Eye\n        position={[0.08, 0.05, 0.15]}\n        expression={expression}\n        lookDirection={eyeDirection}\n        swelling={enableDamageVisuals ? damage.rightEyeSwelling : 0}\n        side=\"right\"\n      />\n\n      {/* Mouth */}\n      <Mouth\n        position={[0, -0.05, 0.15]}\n        expression={expression}\n        bleeding={enableDamageVisuals ? damage.mouthBleeding : 0}\n      />\n\n      {/* Nose */}\n      <Nose\n        position={[0, 0.02, 0.18]}\n        skinColor={skinColor}\n        bleeding={enableDamageVisuals ? damage.noseBleeding : 0}\n      />\n\n      {/* Ears (simple geometric shapes) */}\n      {!isMobile && (\n        <>\n          {/* Left ear */}\n          <mesh position={[-0.2, 0, 0]} rotation={[0, 0, Math.PI / 6]}>\n            <sphereGeometry args={[0.04, 8, 8]} />\n            <primitive object={earMaterial} attach=\"material\" />\n          </mesh>\n\n          {/* Right ear */}\n          <mesh position={[0.2, 0, 0]} rotation={[0, 0, -Math.PI / 6]}>\n            <sphereGeometry args={[0.04, 8, 8]} />\n            <primitive object={earMaterial} attach=\"material\" />\n          </mesh>\n        </>\n      )}\n    </group>\n  );\n};\n\nexport default Face3D;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"Foot3D.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/Foot3D.tsx"],"sourcesContent":["/**\n * Foot3D component with anatomically accurate foot geometry\n *\n * Renders detailed 3D foot with proper dimensions for martial arts stances\n * and kicks. Supports left/right feet with Korean skin tone coloring.\n *\n * Implements anatomically correct foot proportions:\n * - Length: ~26-29cm (varies by archetype)\n * - Width: ~10cm at widest point\n * - Height: ~8cm at ankle\n *\n * @module components/three/Foot3D\n * @category 3D Components\n * @korean 발3D컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\n\n/**\n * Props for Foot3D component\n *\n * @korean 발3D속성\n */\nexport interface Foot3DProps {\n  /**\n   * Foot side (left or right)\n   * @korean 발쪽\n   */\n  readonly side: \"left\" | \"right\";\n\n  /**\n   * Base skin color\n   * @korean 피부색\n   */\n  readonly skinColor?: number;\n\n  /**\n   * Scale multiplier (based on archetype physical attributes)\n   * @korean 크기배율\n   */\n  readonly scale?: number;\n\n  /**\n   * Whether foot is highlighted (e.g., during kicks)\n   * @korean 표시여부\n   */\n  readonly isHighlighted?: boolean;\n}\n\n/**\n * Foot3D Component\n *\n * Complete foot geometry with anatomically correct dimensions suitable\n * for Korean martial arts stance visualization and kick animations.\n *\n * Design notes:\n * - Main foot body is box-shaped with rounded edges\n * - Toe area is slightly elevated and separated\n * - Heel is wider than toe area for stability\n * - Dimensions scale with archetype (Amsalja: smaller, Jojik: larger)\n *\n * @example\n * ```tsx\n * <Foot3D\n *   side=\"right\"\n *   skinColor={0xffdbac}\n *   scale={1.0}\n *   isHighlighted={false}\n * />\n * ```\n *\n * @korean 발3D컴포넌트\n */\nexport const Foot3D: React.FC<Foot3DProps> = ({\n  side,\n  skinColor = 0xffdbac,\n  scale = 1.0,\n  isHighlighted = false,\n}) => {\n  const footDimensions = useMemo(() => {\n    const footLength = 0.26 * scale; // 26cm base length\n    const footWidth = 0.1 * scale; // 10cm width\n    const footHeight = 0.08 * scale; // 8cm height at ankle\n\n    const toeLength = footLength * 0.3;\n    const toeWidth = footWidth * 0.9; // Slightly narrower than heel\n    const toeHeight = footHeight * 0.6; // Lower profile\n\n    const heelLength = footLength * 0.7;\n\n    return {\n      footLength,\n      footWidth,\n      footHeight,\n      toeLength,\n      toeWidth,\n      toeHeight,\n      heelLength,\n    };\n  }, [scale]);\n\n  const footColor = useMemo(() => {\n    if (isHighlighted) {\n      return KOREAN_COLORS.ACCENT_GOLD;\n    }\n    return skinColor;\n  }, [isHighlighted, skinColor]);\n\n  const skinMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: footColor,\n        metalness: 0,\n        roughness: 0.8,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.5,\n        transmission: 0,\n        thickness: 0.1,\n        ior: 1.4, // Index of refraction for skin\n        sheen: 0.1, // Subtle skin sheen\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(footColor),\n        emissiveIntensity: isHighlighted ? 0.3 : 0.02,\n      }),\n    [footColor, isHighlighted],\n  );\n\n  useEffect(() => {\n    return () => {\n      skinMaterial.dispose();\n    };\n  }, [skinMaterial]);\n\n  return (\n    <group name={`foot-3d-${side}`}>\n      {/* Ankle connector - larger sphere that bridges shin body surface to foot */}\n      <mesh\n        position={[0, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-ankle-bridge-${side}`}\n      >\n        <sphereGeometry args={[footDimensions.footHeight * 0.6, 10, 10]} />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Ankle-to-heel transition cylinder */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.2,\n          footDimensions.heelLength * 0.1,\n        ]}\n        castShadow\n        receiveShadow\n        name={`foot-ankle-transition-${side}`}\n      >\n        <cylinderGeometry\n          args={[\n            footDimensions.footHeight * 0.5, // Top radius matches ankle sphere\n            footDimensions.footWidth * 0.45, // Bottom matches heel width\n            footDimensions.footHeight * 0.4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Main heel/midfoot body - capsule for smooth organic shape */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.4,\n          footDimensions.heelLength * 0.2,\n        ]}\n        rotation={[Math.PI / 2, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-heel-${side}`}\n      >\n        <capsuleGeometry\n          args={[\n            footDimensions.footWidth * 0.45, // Radius\n            footDimensions.heelLength * 0.5, // Length (shorter than full heel - caps add length)\n            4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Toe area - capsule for rounded toe shape */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.35 + footDimensions.toeHeight * 0.2,\n          footDimensions.heelLength * 0.7 + footDimensions.toeLength / 2,\n        ]}\n        rotation={[Math.PI / 2, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-toes-${side}`}\n      >\n        <capsuleGeometry\n          args={[\n            footDimensions.toeWidth * 0.35, // Narrower radius for tapered toes\n            footDimensions.toeLength * 0.4, // Shorter length\n            4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n    </group>\n  );\n};\n\nexport default Foot3D;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,IAAa,UAAiC,EAC5C,MACA,YAAY,UACZ,QAAQ,GACR,gBAAgB,YACZ;CACJ,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAAa,MAAO;EAC1B,MAAM,YAAY,KAAM;EACxB,MAAM,aAAa,MAAO;EAQ1B,OAAO;GACL;GACA;GACA;GACA,WAVgB,aAAa;GAW7B,UAVe,YAAY;GAW3B,WAVgB,aAAa;GAW7B,YATiB,aAAa;GAU/B;IACA,CAAC,MAAM,CAAC;CAEX,MAAM,YAAY,cAAc;EAC9B,IAAI,eACF,OAAO,cAAc;EAEvB,OAAO;IACN,CAAC,eAAe,UAAU,CAAC;CAE9B,MAAM,eAAe,cAEjB,IAAI,MAAM,qBAAqB;EAC7B,OAAO;EACP,WAAW;EACX,WAAW;EACX,WAAW;EACX,oBAAoB;EACpB,cAAc;EACd,WAAW;EACX,KAAK;EACL,OAAO;EACP,gBAAgB;EAChB,UAAU,IAAI,MAAM,MAAM,UAAU;EACpC,mBAAmB,gBAAgB,KAAM;EAC1C,CAAC,EACJ,CAAC,WAAW,cAAc,CAC3B;CAED,gBAAgB;EACd,aAAa;GACX,aAAa,SAAS;;IAEvB,CAAC,aAAa,CAAC;CAElB,OACE,qBAAC,SAAD;EAAO,MAAM,WAAW;YAAxB;GAEE,qBAAC,QAAD;IACE,UAAU;KAAC;KAAG;KAAG;KAAE;IACnB,YAAA;IACA,eAAA;IACA,MAAM,qBAAqB;cAJ7B,CAME,oBAAC,kBAAD,EAAgB,MAAM;KAAC,eAAe,aAAa;KAAK;KAAI;KAAG,EAAI,CAAA,EACnE,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;KAAa,CAAA,CAChD;;GAGP,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa;KAC7B,eAAe,aAAa;KAC7B;IACD,YAAA;IACA,eAAA;IACA,MAAM,yBAAyB;cARjC,CAUE,oBAAC,oBAAD,EACE,MAAM;KACJ,eAAe,aAAa;KAC5B,eAAe,YAAY;KAC3B,eAAe,aAAa;KAC5B;KACD,EACD,CAAA,EACF,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;KAAa,CAAA,CAChD;;GAGP,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa;KAC7B,eAAe,aAAa;KAC7B;IACD,UAAU;KAAC,KAAK,KAAK;KAAG;KAAG;KAAE;IAC7B,YAAA;IACA,eAAA;IACA,MAAM,aAAa;cATrB,CAWE,oBAAC,mBAAD,EACE,MAAM;KACJ,eAAe,YAAY;KAC3B,eAAe,aAAa;KAC5B;KACA;KACD,EACD,CAAA,EACF,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;KAAa,CAAA,CAChD;;GAGP,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa,MAAO,eAAe,YAAY;KAC/D,eAAe,aAAa,KAAM,eAAe,YAAY;KAC9D;IACD,UAAU;KAAC,KAAK,KAAK;KAAG;KAAG;KAAE;IAC7B,YAAA;IACA,eAAA;IACA,MAAM,aAAa;cATrB,CAWE,oBAAC,mBAAD,EACE,MAAM;KACJ,eAAe,WAAW;KAC1B,eAAe,YAAY;KAC3B;KACA;KACD,EACD,CAAA,EACF,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;KAAa,CAAA,CAChD;;GACD"}
+{"version":3,"file":"Foot3D.js","names":[],"sources":["../../../../../src/components/shared/three/anatomy/Foot3D.tsx"],"sourcesContent":["/**\n * Foot3D component with anatomically accurate foot geometry\n *\n * Renders detailed 3D foot with proper dimensions for martial arts stances\n * and kicks. Supports left/right feet with Korean skin tone coloring.\n *\n * Implements anatomically correct foot proportions:\n * - Length: ~26-29cm (varies by archetype)\n * - Width: ~10cm at widest point\n * - Height: ~8cm at ankle\n *\n * @module components/three/Foot3D\n * @category 3D Components\n * @korean 발3D컴포넌트\n */\n\nimport React, { useEffect, useMemo } from \"react\";\nimport * as THREE from \"three\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\n\n/**\n * Props for Foot3D component\n *\n * @korean 발3D속성\n */\nexport interface Foot3DProps {\n  /**\n   * Foot side (left or right)\n   * @korean 발쪽\n   */\n  readonly side: \"left\" | \"right\";\n\n  /**\n   * Base skin color\n   * @korean 피부색\n   */\n  readonly skinColor?: number;\n\n  /**\n   * Scale multiplier (based on archetype physical attributes)\n   * @korean 크기배율\n   */\n  readonly scale?: number;\n\n  /**\n   * Whether foot is highlighted (e.g., during kicks)\n   * @korean 표시여부\n   */\n  readonly isHighlighted?: boolean;\n}\n\n/**\n * Foot3D Component\n *\n * Complete foot geometry with anatomically correct dimensions suitable\n * for Korean martial arts stance visualization and kick animations.\n *\n * Design notes:\n * - Main foot body is box-shaped with rounded edges\n * - Toe area is slightly elevated and separated\n * - Heel is wider than toe area for stability\n * - Dimensions scale with archetype (Amsalja: smaller, Jojik: larger)\n *\n * @example\n * ```tsx\n * <Foot3D\n *   side=\"right\"\n *   skinColor={0xffdbac}\n *   scale={1.0}\n *   isHighlighted={false}\n * />\n * ```\n *\n * @korean 발3D컴포넌트\n */\nexport const Foot3D: React.FC<Foot3DProps> = ({\n  side,\n  skinColor = 0xffdbac,\n  scale = 1.0,\n  isHighlighted = false,\n}) => {\n  const footDimensions = useMemo(() => {\n    const footLength = 0.26 * scale; // 26cm base length\n    const footWidth = 0.1 * scale; // 10cm width\n    const footHeight = 0.08 * scale; // 8cm height at ankle\n\n    const toeLength = footLength * 0.3;\n    const toeWidth = footWidth * 0.9; // Slightly narrower than heel\n    const toeHeight = footHeight * 0.6; // Lower profile\n\n    const heelLength = footLength * 0.7;\n\n    return {\n      footLength,\n      footWidth,\n      footHeight,\n      toeLength,\n      toeWidth,\n      toeHeight,\n      heelLength,\n    };\n  }, [scale]);\n\n  const footColor = useMemo(() => {\n    if (isHighlighted) {\n      return KOREAN_COLORS.ACCENT_GOLD;\n    }\n    return skinColor;\n  }, [isHighlighted, skinColor]);\n\n  const skinMaterial = useMemo(\n    () =>\n      new THREE.MeshPhysicalMaterial({\n        color: footColor,\n        metalness: 0,\n        roughness: 0.8,\n        clearcoat: 0.3,\n        clearcoatRoughness: 0.5,\n        transmission: 0,\n        thickness: 0.1,\n        ior: 1.4, // Index of refraction for skin\n        sheen: 0.1, // Subtle skin sheen\n        sheenRoughness: 0.8,\n        emissive: new THREE.Color(footColor),\n        emissiveIntensity: isHighlighted ? 0.3 : 0.02,\n      }),\n    [footColor, isHighlighted],\n  );\n\n  useEffect(() => {\n    return () => {\n      skinMaterial.dispose();\n    };\n  }, [skinMaterial]);\n\n  return (\n    <group name={`foot-3d-${side}`}>\n      {/* Ankle connector - larger sphere that bridges shin body surface to foot */}\n      <mesh\n        position={[0, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-ankle-bridge-${side}`}\n      >\n        <sphereGeometry args={[footDimensions.footHeight * 0.6, 10, 10]} />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Ankle-to-heel transition cylinder */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.2,\n          footDimensions.heelLength * 0.1,\n        ]}\n        castShadow\n        receiveShadow\n        name={`foot-ankle-transition-${side}`}\n      >\n        <cylinderGeometry\n          args={[\n            footDimensions.footHeight * 0.5, // Top radius matches ankle sphere\n            footDimensions.footWidth * 0.45, // Bottom matches heel width\n            footDimensions.footHeight * 0.4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Main heel/midfoot body - capsule for smooth organic shape */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.4,\n          footDimensions.heelLength * 0.2,\n        ]}\n        rotation={[Math.PI / 2, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-heel-${side}`}\n      >\n        <capsuleGeometry\n          args={[\n            footDimensions.footWidth * 0.45, // Radius\n            footDimensions.heelLength * 0.5, // Length (shorter than full heel - caps add length)\n            4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n\n      {/* Toe area - capsule for rounded toe shape */}\n      <mesh\n        position={[\n          0,\n          -footDimensions.footHeight * 0.35 + footDimensions.toeHeight * 0.2,\n          footDimensions.heelLength * 0.7 + footDimensions.toeLength / 2,\n        ]}\n        rotation={[Math.PI / 2, 0, 0]}\n        castShadow\n        receiveShadow\n        name={`foot-toes-${side}`}\n      >\n        <capsuleGeometry\n          args={[\n            footDimensions.toeWidth * 0.35, // Narrower radius for tapered toes\n            footDimensions.toeLength * 0.4, // Shorter length\n            4,\n            8,\n          ]}\n        />\n        <primitive object={skinMaterial} attach=\"material\" />\n      </mesh>\n    </group>\n  );\n};\n\nexport default Foot3D;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EA,IAAa,UAAiC,EAC5C,MACA,YAAY,UACZ,QAAQ,GACR,gBAAgB,YACZ;CACJ,MAAM,iBAAiB,cAAc;EACnC,MAAM,aAAa,MAAO;EAC1B,MAAM,YAAY,KAAM;EACxB,MAAM,aAAa,MAAO;EAQ1B,OAAO;GACL;GACA;GACA;GACA,WAVgB,aAAa;GAW7B,UAVe,YAAY;GAW3B,WAVgB,aAAa;GAW7B,YATiB,aAAa;EAUhC;CACF,GAAG,CAAC,KAAK,CAAC;CAEV,MAAM,YAAY,cAAc;EAC9B,IAAI,eACF,OAAO,cAAc;EAEvB,OAAO;CACT,GAAG,CAAC,eAAe,SAAS,CAAC;CAE7B,MAAM,eAAe,cAEjB,IAAI,MAAM,qBAAqB;EAC7B,OAAO;EACP,WAAW;EACX,WAAW;EACX,WAAW;EACX,oBAAoB;EACpB,cAAc;EACd,WAAW;EACX,KAAK;EACL,OAAO;EACP,gBAAgB;EAChB,UAAU,IAAI,MAAM,MAAM,SAAS;EACnC,mBAAmB,gBAAgB,KAAM;CAC3C,CAAC,GACH,CAAC,WAAW,aAAa,CAC3B;CAEA,gBAAgB;EACd,aAAa;GACX,aAAa,QAAQ;EACvB;CACF,GAAG,CAAC,YAAY,CAAC;CAEjB,OACE,qBAAC,SAAD;EAAO,MAAM,WAAW;YAAxB;GAEE,qBAAC,QAAD;IACE,UAAU;KAAC;KAAG;KAAG;IAAC;IAClB,YAAA;IACA,eAAA;IACA,MAAM,qBAAqB;cAJ7B,CAME,oBAAC,kBAAD,EAAgB,MAAM;KAAC,eAAe,aAAa;KAAK;KAAI;IAAE,EAAI,CAAA,GAClE,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;IAAY,CAAA,CAChD;;GAGN,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa;KAC7B,eAAe,aAAa;IAC9B;IACA,YAAA;IACA,eAAA;IACA,MAAM,yBAAyB;cARjC,CAUE,oBAAC,oBAAD,EACE,MAAM;KACJ,eAAe,aAAa;KAC5B,eAAe,YAAY;KAC3B,eAAe,aAAa;KAC5B;IACF,EACD,CAAA,GACD,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;IAAY,CAAA,CAChD;;GAGN,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa;KAC7B,eAAe,aAAa;IAC9B;IACA,UAAU;KAAC,KAAK,KAAK;KAAG;KAAG;IAAC;IAC5B,YAAA;IACA,eAAA;IACA,MAAM,aAAa;cATrB,CAWE,oBAAC,mBAAD,EACE,MAAM;KACJ,eAAe,YAAY;KAC3B,eAAe,aAAa;KAC5B;KACA;IACF,EACD,CAAA,GACD,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;IAAY,CAAA,CAChD;;GAGN,qBAAC,QAAD;IACE,UAAU;KACR;KACA,CAAC,eAAe,aAAa,MAAO,eAAe,YAAY;KAC/D,eAAe,aAAa,KAAM,eAAe,YAAY;IAC/D;IACA,UAAU;KAAC,KAAK,KAAK;KAAG;KAAG;IAAC;IAC5B,YAAA;IACA,eAAA;IACA,MAAM,aAAa;cATrB,CAWE,oBAAC,mBAAD,EACE,MAAM;KACJ,eAAe,WAAW;KAC1B,eAAe,YAAY;KAC3B;KACA;IACF,EACD,CAAA,GACD,oBAAC,aAAD;KAAW,QAAQ;KAAc,QAAO;IAAY,CAAA,CAChD;;EACD;;AAEX"}