npm - blacktrigram - Versions diffs - 0.7.45 → 0.7.48 - Mend

blacktrigram 0.7.45 → 0.7.48

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (450) hide show

package/lib/components/screens/combat/components/effects/BloodViscosity3D.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BloodViscosity3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/BloodViscosity3D.tsx"],"sourcesContent":["/*\n BloodViscosity3D - Enhanced blood droplets with thicker physics for brutal combat realism\n \n Priority #5: Enhanced Blood Viscosity\n * - Thicker droplets with slower fall rate\n * - Variable splatter sizes (gouts vs mist)\n * - Cling/drip physics (stick to surfaces)\n * - Enhanced viscosity simulation\n \n PERFORMANCE OPTIMIZATION (Object Pooling):\n * - Reduced allocations from ~85+ per effect to ~4 pooled objects\n * - Pooling strategy:\n * 1. Temporary calculation objects (direction, color, velocity) use pool\n * 2. Owned objects (particle velocities) are cloned from pooled objects\n * 3. All pooled objects released after particle creation\n * - Estimated reduction: \n * - thin: 50 Color + 50 Vector3 = 100 allocations → 4 pooled objects\n * - medium: 80 Color + 80 Vector3 = 160 allocations → 4 pooled objects\n * - thick: 120 Color + 120 Vector3 = 240 allocations → 4 pooled objects\n * - gout: 200 Color + 200 Vector3 = 400 allocations → 4 pooled objects\n \n Korean martial arts context:\n * - 절단격 (Cutting strikes) - Thin blood mist\n * - 타격 (Impact strikes) - Medium blood splatter\n * - 관통격 (Penetrating strikes) - Thick blood droplets\n * - 깊은 상처 (Deep wounds) - Large blood gouts\n /\n\nimport React, { useEffect, useMemo } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport as THREE from 'three';\nimport { ThreeObjectPools } from '../../../../../utils/threeObjectPool';\n\n/*\n Viscosity types for blood splatter\n /\nexport type ViscosityType = 'thin' \| 'medium' \| 'thick' \| 'gout';\n\n/\n Individual blood viscosity effect\n /\nexport interface BloodViscosityEffect {\n readonly id: string;\n readonly position: [number, number, number];\n readonly direction: [number, number, number];\n readonly viscosityType: ViscosityType;\n readonly intensity: number; // 0.0-1.0\n readonly startTime: number;\n}\n\n/\n Props for BloodViscosity3D component\n /\nexport interface BloodViscosity3DProps {\n readonly effects: readonly BloodViscosityEffect[];\n readonly enabled?: boolean;\n readonly isMobile?: boolean;\n readonly onEffectComplete?: (id: string) => void;\n}\n\nconst BLOOD_VISCOSITY_CONSTANTS = {\n GRAVITY: -9.8, // m/s²\n AIR_RESISTANCE: 0.94, // Thicker than arterial (0.97) or bone (0.96)\n \n PARTICLE_COUNT: {\n thin: 50, // Mist\n medium: 80, // Normal splatter\n thick: 120, // Heavy droplets\n gout: 200, // Deep wound large gouts\n },\n \n VELOCITY: {\n thin: { min: 2.0, max: 4.0 },\n medium: { min: 1.5, max: 3.0 },\n thick: { min: 1.0, max: 2.5 },\n gout: { min: 0.5, max: 2.0 },\n },\n \n SIZE: {\n thin: { min: 0.02, max: 0.04 },\n medium: { min: 0.04, max: 0.08 },\n thick: { min: 0.06, max: 0.12 },\n gout: { min: 0.10, max: 0.20 },\n },\n \n SPREAD_ANGLE: {\n thin: Math.PI / 3, // 60° wide spray\n medium: Math.PI / 4, // 45° normal\n thick: Math.PI / 6, // 30° narrow\n gout: Math.PI / 8, // 22.5° very narrow\n },\n \n ACTIVE_LIFETIME: 2.5, // Active falling time\n CLING_LIFETIME: 3.0, // Time stuck to ground\n TOTAL_LIFETIME: 5.5, // Total before cleanup\n \n GROUND_LEVEL: 0.1, // y-position for ground contact\n CLING_DAMPING: 0.3, // Velocity reduction on contact\n \n BLOOD_COLOR: 0x8b0000, // Dark red\n \n MAX_DELTA: 1 / 30,\n} as const;\n\n/\n BloodViscosity3D - Enhanced blood droplets with realistic thicker physics\n \n Features:\n * - Variable viscosity types (thin mist to thick gouts)\n * - Cling/drip physics when hitting ground\n * - Slower fall rates than arterial spray\n * - Larger droplet sizes\n * - Mobile optimization (50% particles)\n /\nexport const BloodViscosity3D: React.FC<BloodViscosity3DProps> = ({\n effects,\n enabled = true,\n isMobile = false,\n onEffectComplete,\n}) => {\n const [effectInstances, setEffectInstances] = React.useState<\n Map<\n string,\n {\n particles: THREE.Points;\n velocities: THREE.Vector3[];\n startTime: number;\n effect: BloodViscosityEffect;\n clinging: boolean[];\n }\n >\n >(new Map());\n\n const getParticleCount = useMemo(\n () => (viscosityType: ViscosityType) => {\n const baseCount = BLOOD_VISCOSITY_CONSTANTS.PARTICLE_COUNT[viscosityType];\n return isMobile ? Math.floor(baseCount 0.5) : baseCount;\n },\n [isMobile]\n );\n\n const createBloodParticles = useMemo(\n () => (effect: BloodViscosityEffect) => {\n const count = getParticleCount(effect.viscosityType);\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(count * 3);\n const colors = new Float32Array(count * 3);\n const sizes = new Float32Array(count);\n const velocities: THREE.Vector3[] = [];\n const clinging: boolean[] = [];\n\n const tempDirection = ThreeObjectPools.vector3.acquire();\n const tempColor = ThreeObjectPools.color.acquire();\n const tempVelocity = ThreeObjectPools.vector3.acquire();\n const tempDeviation = ThreeObjectPools.vector3.acquire();\n\n try {\n tempDirection.set(...effect.direction).normalize();\n const spreadAngle = BLOOD_VISCOSITY_CONSTANTS.SPREAD_ANGLE[effect.viscosityType];\n const velocityRange = BLOOD_VISCOSITY_CONSTANTS.VELOCITY[effect.viscosityType];\n const sizeRange = BLOOD_VISCOSITY_CONSTANTS.SIZE[effect.viscosityType];\n\n tempColor.set(BLOOD_VISCOSITY_CONSTANTS.BLOOD_COLOR);\n\n for (let i = 0; i < count; i++) {\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n const size =\n sizeRange.min +\n Math.random() * (sizeRange.max - sizeRange.min) \n effect.intensity;\n sizes[i] = size;\n\n const speed =\n velocityRange.min +\n Math.random() (velocityRange.max - velocityRange.min);\n\n const theta = (Math.random() - 0.5) * spreadAngle;\n const phi = Math.random() * Math.PI * 2;\n\n tempDeviation.set(\n Math.sin(theta) * Math.cos(phi),\n Math.sin(theta) * Math.sin(phi),\n Math.cos(theta)\n );\n\n tempVelocity.copy(tempDirection)\n .add(tempDeviation)\n .normalize()\n .multiplyScalar(speed);\n\n velocities.push(tempVelocity.clone());\n clinging.push(false);\n }\n } finally {\n ThreeObjectPools.vector3.release(tempDirection);\n ThreeObjectPools.color.release(tempColor);\n ThreeObjectPools.vector3.release(tempVelocity);\n ThreeObjectPools.vector3.release(tempDeviation);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.08,\n vertexColors: true,\n transparent: true,\n opacity: 0.9,\n blending: THREE.NormalBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n return { points, velocities, clinging };\n },\n [getParticleCount]\n );\n\n useEffect(() => {\n if (!enabled) return;\n\n setEffectInstances((prev) => {\n const updated = new Map(prev);\n\n effects.forEach((effect) => {\n if (!updated.has(effect.id)) {\n const { points, velocities, clinging } = createBloodParticles(effect);\n updated.set(effect.id, {\n particles: points,\n velocities,\n startTime: effect.startTime,\n effect,\n clinging,\n });\n }\n });\n\n const currentIds = new Set(effects.map((e) => e.id));\n Array.from(updated.keys()).forEach((id) => {\n if (!currentIds.has(id)) {\n const instance = updated.get(id);\n if (instance) {\n instance.particles.geometry.dispose();\n (instance.particles.material as THREE.Material).dispose();\n }\n updated.delete(id);\n }\n });\n\n return updated;\n });\n }, [effects, enabled, createBloodParticles]);\n\n useFrame((_state, delta) => {\n if (!enabled \|\| effectInstances.size === 0) return;\n\n const clampedDelta = Math.min(delta, BLOOD_VISCOSITY_CONSTANTS.MAX_DELTA);\n const now = Date.now();\n const completedIds: string[] = [];\n\n effectInstances.forEach((instance, id) => {\n const elapsed = (now - instance.startTime) / 1000;\n\n if (elapsed >= BLOOD_VISCOSITY_CONSTANTS.TOTAL_LIFETIME) {\n completedIds.push(id);\n return;\n }\n\n const geometry = instance.particles.geometry;\n const positions = geometry.attributes.position.array as Float32Array;\n const count = positions.length / 3;\n\n for (let i = 0; i < count; i++) {\n const idx = i * 3;\n\n if (!instance.clinging[i]) {\n instance.velocities[i].y +=\n BLOOD_VISCOSITY_CONSTANTS.GRAVITY * clampedDelta;\n\n instance.velocities[i].multiplyScalar(\n BLOOD_VISCOSITY_CONSTANTS.AIR_RESISTANCE\n );\n\n positions[idx] += instance.velocities[i].x * clampedDelta;\n positions[idx + 1] += instance.velocities[i].y * clampedDelta;\n positions[idx + 2] += instance.velocities[i].z * clampedDelta;\n\n if (positions[idx + 1] <= BLOOD_VISCOSITY_CONSTANTS.GROUND_LEVEL) {\n positions[idx + 1] = BLOOD_VISCOSITY_CONSTANTS.GROUND_LEVEL;\n instance.velocities[i].multiplyScalar(\n BLOOD_VISCOSITY_CONSTANTS.CLING_DAMPING\n );\n instance.clinging[i] = true;\n }\n }\n }\n\n geometry.attributes.position.needsUpdate = true;\n\n if (elapsed >= BLOOD_VISCOSITY_CONSTANTS.ACTIVE_LIFETIME) {\n const fadeProgress =\n (elapsed - BLOOD_VISCOSITY_CONSTANTS.ACTIVE_LIFETIME) /\n BLOOD_VISCOSITY_CONSTANTS.CLING_LIFETIME;\n const material = instance.particles.material as THREE.PointsMaterial;\n material.opacity = 0.9 * (1.0 - fadeProgress);\n }\n });\n\n completedIds.forEach((id) => {\n onEffectComplete?.(id);\n });\n });\n\n return (\n <>\n {Array.from(effectInstances.values()).map((instance) => (\n <primitive key={instance.effect.id} object={instance.particles} />\n ))}\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BloodViscosity3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/BloodViscosity3D.tsx"],"sourcesContent":["/*\n BloodViscosity3D - Enhanced blood droplets with thicker physics for brutal combat realism\n \n Priority #5: Enhanced Blood Viscosity\n * - Thicker droplets with slower fall rate\n * - Variable splatter sizes (gouts vs mist)\n * - Cling/drip physics (stick to surfaces)\n * - Enhanced viscosity simulation\n \n PERFORMANCE OPTIMIZATION (Object Pooling):\n * - Reduced allocations from ~85+ per effect to ~4 pooled objects\n * - Pooling strategy:\n * 1. Temporary calculation objects (direction, color, velocity) use pool\n * 2. Owned objects (particle velocities) are cloned from pooled objects\n * 3. All pooled objects released after particle creation\n * - Estimated reduction: \n * - thin: 50 Color + 50 Vector3 = 100 allocations → 4 pooled objects\n * - medium: 80 Color + 80 Vector3 = 160 allocations → 4 pooled objects\n * - thick: 120 Color + 120 Vector3 = 240 allocations → 4 pooled objects\n * - gout: 200 Color + 200 Vector3 = 400 allocations → 4 pooled objects\n \n Korean martial arts context:\n * - 절단격 (Cutting strikes) - Thin blood mist\n * - 타격 (Impact strikes) - Medium blood splatter\n * - 관통격 (Penetrating strikes) - Thick blood droplets\n * - 깊은 상처 (Deep wounds) - Large blood gouts\n /\n\nimport React, { useEffect, useMemo } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport as THREE from 'three';\nimport { ThreeObjectPools } from '../../../../../utils/threeObjectPool';\n\n/*\n Viscosity types for blood splatter\n /\nexport type ViscosityType = 'thin' \| 'medium' \| 'thick' \| 'gout';\n\n/\n Individual blood viscosity effect\n /\nexport interface BloodViscosityEffect {\n readonly id: string;\n readonly position: [number, number, number];\n readonly direction: [number, number, number];\n readonly viscosityType: ViscosityType;\n readonly intensity: number; // 0.0-1.0\n readonly startTime: number;\n}\n\n/\n Props for BloodViscosity3D component\n /\nexport interface BloodViscosity3DProps {\n readonly effects: readonly BloodViscosityEffect[];\n readonly enabled?: boolean;\n readonly isMobile?: boolean;\n readonly onEffectComplete?: (id: string) => void;\n}\n\nconst BLOOD_VISCOSITY_CONSTANTS = {\n GRAVITY: -9.8, // m/s²\n AIR_RESISTANCE: 0.94, // Thicker than arterial (0.97) or bone (0.96)\n \n PARTICLE_COUNT: {\n thin: 50, // Mist\n medium: 80, // Normal splatter\n thick: 120, // Heavy droplets\n gout: 200, // Deep wound large gouts\n },\n \n VELOCITY: {\n thin: { min: 2.0, max: 4.0 },\n medium: { min: 1.5, max: 3.0 },\n thick: { min: 1.0, max: 2.5 },\n gout: { min: 0.5, max: 2.0 },\n },\n \n SIZE: {\n thin: { min: 0.02, max: 0.04 },\n medium: { min: 0.04, max: 0.08 },\n thick: { min: 0.06, max: 0.12 },\n gout: { min: 0.10, max: 0.20 },\n },\n \n SPREAD_ANGLE: {\n thin: Math.PI / 3, // 60° wide spray\n medium: Math.PI / 4, // 45° normal\n thick: Math.PI / 6, // 30° narrow\n gout: Math.PI / 8, // 22.5° very narrow\n },\n \n ACTIVE_LIFETIME: 2.5, // Active falling time\n CLING_LIFETIME: 3.0, // Time stuck to ground\n TOTAL_LIFETIME: 5.5, // Total before cleanup\n \n GROUND_LEVEL: 0.1, // y-position for ground contact\n CLING_DAMPING: 0.3, // Velocity reduction on contact\n \n BLOOD_COLOR: 0x8b0000, // Dark red\n \n MAX_DELTA: 1 / 30,\n} as const;\n\n/\n BloodViscosity3D - Enhanced blood droplets with realistic thicker physics\n \n Features:\n * - Variable viscosity types (thin mist to thick gouts)\n * - Cling/drip physics when hitting ground\n * - Slower fall rates than arterial spray\n * - Larger droplet sizes\n * - Mobile optimization (50% particles)\n /\nexport const BloodViscosity3D: React.FC<BloodViscosity3DProps> = ({\n effects,\n enabled = true,\n isMobile = false,\n onEffectComplete,\n}) => {\n const [effectInstances, setEffectInstances] = React.useState<\n Map<\n string,\n {\n particles: THREE.Points;\n velocities: THREE.Vector3[];\n startTime: number;\n effect: BloodViscosityEffect;\n clinging: boolean[];\n }\n >\n >(new Map());\n\n const getParticleCount = useMemo(\n () => (viscosityType: ViscosityType) => {\n const baseCount = BLOOD_VISCOSITY_CONSTANTS.PARTICLE_COUNT[viscosityType];\n return isMobile ? Math.floor(baseCount 0.5) : baseCount;\n },\n [isMobile]\n );\n\n const createBloodParticles = useMemo(\n () => (effect: BloodViscosityEffect) => {\n const count = getParticleCount(effect.viscosityType);\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(count * 3);\n const colors = new Float32Array(count * 3);\n const sizes = new Float32Array(count);\n const velocities: THREE.Vector3[] = [];\n const clinging: boolean[] = [];\n\n const tempDirection = ThreeObjectPools.vector3.acquire();\n const tempColor = ThreeObjectPools.color.acquire();\n const tempVelocity = ThreeObjectPools.vector3.acquire();\n const tempDeviation = ThreeObjectPools.vector3.acquire();\n\n try {\n tempDirection.set(...effect.direction).normalize();\n const spreadAngle = BLOOD_VISCOSITY_CONSTANTS.SPREAD_ANGLE[effect.viscosityType];\n const velocityRange = BLOOD_VISCOSITY_CONSTANTS.VELOCITY[effect.viscosityType];\n const sizeRange = BLOOD_VISCOSITY_CONSTANTS.SIZE[effect.viscosityType];\n\n tempColor.set(BLOOD_VISCOSITY_CONSTANTS.BLOOD_COLOR);\n\n for (let i = 0; i < count; i++) {\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n const size =\n sizeRange.min +\n Math.random() * (sizeRange.max - sizeRange.min) \n effect.intensity;\n sizes[i] = size;\n\n const speed =\n velocityRange.min +\n Math.random() (velocityRange.max - velocityRange.min);\n\n const theta = (Math.random() - 0.5) * spreadAngle;\n const phi = Math.random() * Math.PI * 2;\n\n tempDeviation.set(\n Math.sin(theta) * Math.cos(phi),\n Math.sin(theta) * Math.sin(phi),\n Math.cos(theta)\n );\n\n tempVelocity.copy(tempDirection)\n .add(tempDeviation)\n .normalize()\n .multiplyScalar(speed);\n\n velocities.push(tempVelocity.clone());\n clinging.push(false);\n }\n } finally {\n ThreeObjectPools.vector3.release(tempDirection);\n ThreeObjectPools.color.release(tempColor);\n ThreeObjectPools.vector3.release(tempVelocity);\n ThreeObjectPools.vector3.release(tempDeviation);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.08,\n vertexColors: true,\n transparent: true,\n opacity: 0.9,\n blending: THREE.NormalBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n return { points, velocities, clinging };\n },\n [getParticleCount]\n );\n\n useEffect(() => {\n if (!enabled) return;\n\n setEffectInstances((prev) => {\n const updated = new Map(prev);\n\n effects.forEach((effect) => {\n if (!updated.has(effect.id)) {\n const { points, velocities, clinging } = createBloodParticles(effect);\n updated.set(effect.id, {\n particles: points,\n velocities,\n startTime: effect.startTime,\n effect,\n clinging,\n });\n }\n });\n\n const currentIds = new Set(effects.map((e) => e.id));\n Array.from(updated.keys()).forEach((id) => {\n if (!currentIds.has(id)) {\n const instance = updated.get(id);\n if (instance) {\n instance.particles.geometry.dispose();\n (instance.particles.material as THREE.Material).dispose();\n }\n updated.delete(id);\n }\n });\n\n return updated;\n });\n }, [effects, enabled, createBloodParticles]);\n\n useFrame((_state, delta) => {\n if (!enabled \|\| effectInstances.size === 0) return;\n\n const clampedDelta = Math.min(delta, BLOOD_VISCOSITY_CONSTANTS.MAX_DELTA);\n const now = Date.now();\n const completedIds: string[] = [];\n\n effectInstances.forEach((instance, id) => {\n const elapsed = (now - instance.startTime) / 1000;\n\n if (elapsed >= BLOOD_VISCOSITY_CONSTANTS.TOTAL_LIFETIME) {\n completedIds.push(id);\n return;\n }\n\n const geometry = instance.particles.geometry;\n const positions = geometry.attributes.position.array as Float32Array;\n const count = positions.length / 3;\n\n for (let i = 0; i < count; i++) {\n const idx = i * 3;\n\n if (!instance.clinging[i]) {\n instance.velocities[i].y +=\n BLOOD_VISCOSITY_CONSTANTS.GRAVITY * clampedDelta;\n\n instance.velocities[i].multiplyScalar(\n BLOOD_VISCOSITY_CONSTANTS.AIR_RESISTANCE\n );\n\n positions[idx] += instance.velocities[i].x * clampedDelta;\n positions[idx + 1] += instance.velocities[i].y * clampedDelta;\n positions[idx + 2] += instance.velocities[i].z * clampedDelta;\n\n if (positions[idx + 1] <= BLOOD_VISCOSITY_CONSTANTS.GROUND_LEVEL) {\n positions[idx + 1] = BLOOD_VISCOSITY_CONSTANTS.GROUND_LEVEL;\n instance.velocities[i].multiplyScalar(\n BLOOD_VISCOSITY_CONSTANTS.CLING_DAMPING\n );\n instance.clinging[i] = true;\n }\n }\n }\n\n geometry.attributes.position.needsUpdate = true;\n\n if (elapsed >= BLOOD_VISCOSITY_CONSTANTS.ACTIVE_LIFETIME) {\n const fadeProgress =\n (elapsed - BLOOD_VISCOSITY_CONSTANTS.ACTIVE_LIFETIME) /\n BLOOD_VISCOSITY_CONSTANTS.CLING_LIFETIME;\n const material = instance.particles.material as THREE.PointsMaterial;\n material.opacity = 0.9 * (1.0 - fadeProgress);\n }\n });\n\n completedIds.forEach((id) => {\n onEffectComplete?.(id);\n });\n });\n\n return (\n <>\n {Array.from(effectInstances.values()).map((instance) => (\n <primitive key={instance.effect.id} object={instance.particles} />\n ))}\n </>\n );\n};\n"],"mappings":"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"}

package/lib/components/screens/combat/components/effects/CombatParticleEffects3D.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CombatParticleEffects3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/CombatParticleEffects3D.tsx"],"sourcesContent":["/*\n CombatParticleEffects3D - Particle effects coordinator for combat\n * 전투 입자 효과 통합 관리\n \n Maps HitEffect events to advanced particle effects:\n * - BloodViscosity3D for blood physics on hits\n * - InternalDamage3D for organ damage visualization on vital point strikes\n * - ParticleAudio3D for synchronized combat audio\n \n @module components/effects\n * @category Combat Effects\n * @korean 전투입자효과\n /\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { HitEffect } from \"../../../../../systems\";\nimport { HitEffectType } from \"../../../../../systems/effects\";\nimport {\n BloodViscosity3D,\n type BloodViscosityEffect,\n type ViscosityType,\n} from \"./BloodViscosity3D\";\nimport {\n InternalDamage3D,\n type InternalDamageEffect,\n type OrganType,\n type PenetrationDepth,\n} from \"./InternalDamage3D\";\nimport {\n ParticleAudio3D,\n type ParticleAudioTrigger,\n type ParticleEffectType,\n} from \"./ParticleAudio3D\";\n\n/\n Props for CombatParticleEffects3D\n /\nexport interface CombatParticleEffects3DProps {\n /* Active hit effects from the combat state /\n readonly hitEffects: readonly HitEffect[];\n /* Whether effects are enabled /\n readonly enabled?: boolean;\n /* Mobile optimization flag /\n readonly isMobile?: boolean;\n}\n\n/\n Map HitEffectType → blood viscosity type\n * 타격 유형 → 혈액 점도 매핑\n /\nfunction getViscosityForHitType(type: HitEffectType): ViscosityType \| null {\n switch (type) {\n case HitEffectType.HIT:\n return \"thin\";\n case HitEffectType.COUNTER:\n return \"medium\";\n case HitEffectType.CRITICAL_HIT:\n return \"thick\";\n case HitEffectType.VITAL_POINT_STRIKE:\n return \"gout\";\n default:\n return null;\n }\n}\n\n/\n Map HitEffectType → organ type based on strike position\n * 급소 유형 → 장기 매핑 (타격 위치 기반)\n /\nfunction getOrganForPosition(\n position: { x: number; y: number } \| undefined,\n): OrganType {\n if (!position) return \"stomach\";\n const y = position.y;\n if (y > 1.4) return \"heart\"; // 심장 - upper chest\n if (y > 1.1) return \"stomach\"; // 명치 - solar plexus\n if (y > 0.8) return \"liver\"; // 간 - right side mid-torso\n if (y > 0.5) return \"spleen\"; // 비장 - left side mid-torso\n return \"kidney\"; // 신장 - lower back\n}\n\n/\n Map HitEffect intensity → penetration depth\n * 타격 강도 → 관통 깊이 매핑\n /\nfunction getPenetrationDepth(intensity: number): PenetrationDepth {\n if (intensity >= 1.5) return \"critical\";\n if (intensity >= 1.0) return \"deep\";\n if (intensity >= 0.5) return \"shallow\";\n return \"surface\";\n}\n\n/\n Map HitEffectType → audio effect type\n * 타격 유형 → 오디오 효과 매핑\n /\nfunction getAudioEffectType(type: HitEffectType): ParticleEffectType \| null {\n switch (type) {\n case HitEffectType.HIT:\n case HitEffectType.COUNTER:\n return \"viscosity\";\n case HitEffectType.CRITICAL_HIT:\n return \"bone\";\n case HitEffectType.VITAL_POINT_STRIKE:\n return \"organ\";\n case HitEffectType.BLOCK:\n case HitEffectType.PARRY:\n return \"bone\";\n default:\n return null;\n }\n}\n\n/* Maximum concurrent effects to prevent performance issues /\nconst MAX_BLOOD_EFFECTS = 8;\nconst MAX_ORGAN_EFFECTS = 4;\n\n/\n Simple deterministic hash from string → [0, 1)\n * Used for deterministic direction calculations inside useMemo\n /\nfunction hashToFloat(str: string): number {\n let hash = 0;\n for (let i = 0; i < str.length; i++) {\n hash = (hash 31 + str.charCodeAt(i)) \| 0;\n }\n return Math.abs(hash % 10000) / 10000;\n}\n\n/*\n CombatParticleEffects3D - Coordinates particle effects for combat\n \n Converts HitEffect events into:\n * - Blood viscosity particles (thin/medium/thick/gout based on strike type)\n * - Internal organ damage pulses (for vital point strikes)\n * - Synchronized audio triggers\n \n @korean 전투 입자 효과 통합 (타격→혈액물리+장기손상+오디오)\n /\nexport const CombatParticleEffects3D: React.FC<\n CombatParticleEffects3DProps\n> = ({ hitEffects, enabled = true, isMobile = false }) => {\n const processedIds = useRef<Set<string>>(new Set());\n\n const [bloodEffects, setBloodEffects] = useState<BloodViscosityEffect[]>([]);\n const [organEffects, setOrganEffects] = useState<InternalDamageEffect[]>([]);\n const [audioTriggers, setAudioTriggers] = useState<ParticleAudioTrigger[]>(\n [],\n );\n\n useEffect(() => {\n const newBlood: BloodViscosityEffect[] = [];\n const newOrgan: InternalDamageEffect[] = [];\n const newAudio: ParticleAudioTrigger[] = [];\n\n for (const hit of hitEffects) {\n if (processedIds.current.has(hit.id)) continue;\n processedIds.current.add(hit.id);\n\n const pos: [number, number, number] = [\n hit.position?.x ?? 0,\n hit.position?.y ?? 1.0,\n 0,\n ];\n\n const viscosity = getViscosityForHitType(hit.type);\n if (viscosity) {\n const angle = hashToFloat(hit.id) Math.PI * 2;\n const ySpread = 0.3 + hashToFloat(hit.id + \"_y\") * 0.4;\n const dir: [number, number, number] = [\n Math.cos(angle) * 0.5,\n ySpread,\n Math.sin(angle) * 0.5,\n ];\n\n newBlood.push({\n id: `blood_${hit.id}`,\n position: pos,\n direction: dir,\n viscosityType: viscosity,\n intensity: Math.min(1, hit.intensity),\n startTime: hit.startTime,\n });\n }\n\n if (hit.type === HitEffectType.VITAL_POINT_STRIKE) {\n newOrgan.push({\n id: `organ_${hit.id}`,\n position: pos,\n organType: getOrganForPosition(hit.position),\n penetrationDepth: getPenetrationDepth(hit.intensity),\n startTime: hit.startTime,\n });\n }\n\n const audioType = getAudioEffectType(hit.type);\n if (audioType) {\n newAudio.push({\n effectType: audioType,\n intensity: Math.min(1, hit.intensity),\n timestamp: hit.timestamp,\n });\n }\n }\n\n if (newBlood.length > 0) {\n setBloodEffects((prev) =>\n [...prev, ...newBlood].slice(-MAX_BLOOD_EFFECTS),\n );\n }\n if (newOrgan.length > 0) {\n setOrganEffects((prev) =>\n [...prev, ...newOrgan].slice(-MAX_ORGAN_EFFECTS),\n );\n }\n if (newAudio.length > 0) {\n setAudioTriggers((prev) => [...prev, ...newAudio]);\n }\n\n if (processedIds.current.size > 500) {\n const arr = Array.from(processedIds.current);\n processedIds.current = new Set(arr.slice(-250));\n }\n }, [hitEffects]);\n\n const handleBloodComplete = useCallback((id: string) => {\n setBloodEffects((prev) => prev.filter((e) => e.id !== id));\n }, []);\n\n const handleOrganComplete = useCallback((id: string) => {\n setOrganEffects((prev) => prev.filter((e) => e.id !== id));\n }, []);\n\n const handleAudioProcessed = useCallback((timestamp: number) => {\n setAudioTriggers((prev) => prev.filter((t) => t.timestamp !== timestamp));\n }, []);\n\n if (!enabled) return null;\n\n return (\n <>\n {/* Blood Viscosity Particles - 혈액 점도 입자 /}\n <BloodViscosity3D\n effects={bloodEffects}\n enabled={enabled}\n isMobile={isMobile}\n onEffectComplete={handleBloodComplete}\n />\n\n {/ Internal Organ Damage Pulses - 장기 손상 시각화 /}\n <InternalDamage3D\n effects={organEffects}\n enabled={enabled}\n isMobile={isMobile}\n onEffectComplete={handleOrganComplete}\n />\n\n {/ Audio Coordination - 입자 효과 오디오 동기화 */}\n <ParticleAudio3D\n triggers={audioTriggers}\n enabled={enabled}\n onTriggerProcessed={handleAudioProcessed}\n />\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"CombatParticleEffects3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/CombatParticleEffects3D.tsx"],"sourcesContent":["/*\n CombatParticleEffects3D - Particle effects coordinator for combat\n * 전투 입자 효과 통합 관리\n \n Maps HitEffect events to advanced particle effects:\n * - BloodViscosity3D for blood physics on hits\n * - InternalDamage3D for organ damage visualization on vital point strikes\n * - ParticleAudio3D for synchronized combat audio\n \n @module components/effects\n * @category Combat Effects\n * @korean 전투입자효과\n /\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { HitEffect } from \"../../../../../systems\";\nimport { HitEffectType } from \"../../../../../systems/effects\";\nimport {\n BloodViscosity3D,\n type BloodViscosityEffect,\n type ViscosityType,\n} from \"./BloodViscosity3D\";\nimport {\n InternalDamage3D,\n type InternalDamageEffect,\n type OrganType,\n type PenetrationDepth,\n} from \"./InternalDamage3D\";\nimport {\n ParticleAudio3D,\n type ParticleAudioTrigger,\n type ParticleEffectType,\n} from \"./ParticleAudio3D\";\n\n/\n Props for CombatParticleEffects3D\n /\nexport interface CombatParticleEffects3DProps {\n /* Active hit effects from the combat state /\n readonly hitEffects: readonly HitEffect[];\n /* Whether effects are enabled /\n readonly enabled?: boolean;\n /* Mobile optimization flag /\n readonly isMobile?: boolean;\n}\n\n/\n Map HitEffectType → blood viscosity type\n * 타격 유형 → 혈액 점도 매핑\n /\nfunction getViscosityForHitType(type: HitEffectType): ViscosityType \| null {\n switch (type) {\n case HitEffectType.HIT:\n return \"thin\";\n case HitEffectType.COUNTER:\n return \"medium\";\n case HitEffectType.CRITICAL_HIT:\n return \"thick\";\n case HitEffectType.VITAL_POINT_STRIKE:\n return \"gout\";\n default:\n return null;\n }\n}\n\n/\n Map HitEffectType → organ type based on strike position\n * 급소 유형 → 장기 매핑 (타격 위치 기반)\n /\nfunction getOrganForPosition(\n position: { x: number; y: number } \| undefined,\n): OrganType {\n if (!position) return \"stomach\";\n const y = position.y;\n if (y > 1.4) return \"heart\"; // 심장 - upper chest\n if (y > 1.1) return \"stomach\"; // 명치 - solar plexus\n if (y > 0.8) return \"liver\"; // 간 - right side mid-torso\n if (y > 0.5) return \"spleen\"; // 비장 - left side mid-torso\n return \"kidney\"; // 신장 - lower back\n}\n\n/\n Map HitEffect intensity → penetration depth\n * 타격 강도 → 관통 깊이 매핑\n /\nfunction getPenetrationDepth(intensity: number): PenetrationDepth {\n if (intensity >= 1.5) return \"critical\";\n if (intensity >= 1.0) return \"deep\";\n if (intensity >= 0.5) return \"shallow\";\n return \"surface\";\n}\n\n/\n Map HitEffectType → audio effect type\n * 타격 유형 → 오디오 효과 매핑\n /\nfunction getAudioEffectType(type: HitEffectType): ParticleEffectType \| null {\n switch (type) {\n case HitEffectType.HIT:\n case HitEffectType.COUNTER:\n return \"viscosity\";\n case HitEffectType.CRITICAL_HIT:\n return \"bone\";\n case HitEffectType.VITAL_POINT_STRIKE:\n return \"organ\";\n case HitEffectType.BLOCK:\n case HitEffectType.PARRY:\n return \"bone\";\n default:\n return null;\n }\n}\n\n/* Maximum concurrent effects to prevent performance issues /\nconst MAX_BLOOD_EFFECTS = 8;\nconst MAX_ORGAN_EFFECTS = 4;\n\n/\n Simple deterministic hash from string → [0, 1)\n * Used for deterministic direction calculations inside useMemo\n /\nfunction hashToFloat(str: string): number {\n let hash = 0;\n for (let i = 0; i < str.length; i++) {\n hash = (hash 31 + str.charCodeAt(i)) \| 0;\n }\n return Math.abs(hash % 10000) / 10000;\n}\n\n/*\n CombatParticleEffects3D - Coordinates particle effects for combat\n \n Converts HitEffect events into:\n * - Blood viscosity particles (thin/medium/thick/gout based on strike type)\n * - Internal organ damage pulses (for vital point strikes)\n * - Synchronized audio triggers\n \n @korean 전투 입자 효과 통합 (타격→혈액물리+장기손상+오디오)\n /\nexport const CombatParticleEffects3D: React.FC<\n CombatParticleEffects3DProps\n> = ({ hitEffects, enabled = true, isMobile = false }) => {\n const processedIds = useRef<Set<string>>(new Set());\n\n const [bloodEffects, setBloodEffects] = useState<BloodViscosityEffect[]>([]);\n const [organEffects, setOrganEffects] = useState<InternalDamageEffect[]>([]);\n const [audioTriggers, setAudioTriggers] = useState<ParticleAudioTrigger[]>(\n [],\n );\n\n useEffect(() => {\n const newBlood: BloodViscosityEffect[] = [];\n const newOrgan: InternalDamageEffect[] = [];\n const newAudio: ParticleAudioTrigger[] = [];\n\n for (const hit of hitEffects) {\n if (processedIds.current.has(hit.id)) continue;\n processedIds.current.add(hit.id);\n\n const pos: [number, number, number] = [\n hit.position?.x ?? 0,\n hit.position?.y ?? 1.0,\n 0,\n ];\n\n const viscosity = getViscosityForHitType(hit.type);\n if (viscosity) {\n const angle = hashToFloat(hit.id) Math.PI * 2;\n const ySpread = 0.3 + hashToFloat(hit.id + \"_y\") * 0.4;\n const dir: [number, number, number] = [\n Math.cos(angle) * 0.5,\n ySpread,\n Math.sin(angle) * 0.5,\n ];\n\n newBlood.push({\n id: `blood_${hit.id}`,\n position: pos,\n direction: dir,\n viscosityType: viscosity,\n intensity: Math.min(1, hit.intensity),\n startTime: hit.startTime,\n });\n }\n\n if (hit.type === HitEffectType.VITAL_POINT_STRIKE) {\n newOrgan.push({\n id: `organ_${hit.id}`,\n position: pos,\n organType: getOrganForPosition(hit.position),\n penetrationDepth: getPenetrationDepth(hit.intensity),\n startTime: hit.startTime,\n });\n }\n\n const audioType = getAudioEffectType(hit.type);\n if (audioType) {\n newAudio.push({\n effectType: audioType,\n intensity: Math.min(1, hit.intensity),\n timestamp: hit.timestamp,\n });\n }\n }\n\n if (newBlood.length > 0) {\n setBloodEffects((prev) =>\n [...prev, ...newBlood].slice(-MAX_BLOOD_EFFECTS),\n );\n }\n if (newOrgan.length > 0) {\n setOrganEffects((prev) =>\n [...prev, ...newOrgan].slice(-MAX_ORGAN_EFFECTS),\n );\n }\n if (newAudio.length > 0) {\n setAudioTriggers((prev) => [...prev, ...newAudio]);\n }\n\n if (processedIds.current.size > 500) {\n const arr = Array.from(processedIds.current);\n processedIds.current = new Set(arr.slice(-250));\n }\n }, [hitEffects]);\n\n const handleBloodComplete = useCallback((id: string) => {\n setBloodEffects((prev) => prev.filter((e) => e.id !== id));\n }, []);\n\n const handleOrganComplete = useCallback((id: string) => {\n setOrganEffects((prev) => prev.filter((e) => e.id !== id));\n }, []);\n\n const handleAudioProcessed = useCallback((timestamp: number) => {\n setAudioTriggers((prev) => prev.filter((t) => t.timestamp !== timestamp));\n }, []);\n\n if (!enabled) return null;\n\n return (\n <>\n {/* Blood Viscosity Particles - 혈액 점도 입자 /}\n <BloodViscosity3D\n effects={bloodEffects}\n enabled={enabled}\n isMobile={isMobile}\n onEffectComplete={handleBloodComplete}\n />\n\n {/ Internal Organ Damage Pulses - 장기 손상 시각화 /}\n <InternalDamage3D\n effects={organEffects}\n enabled={enabled}\n isMobile={isMobile}\n onEffectComplete={handleOrganComplete}\n />\n\n {/ Audio Coordination - 입자 효과 오디오 동기화 */}\n <ParticleAudio3D\n triggers={audioTriggers}\n enabled={enabled}\n onTriggerProcessed={handleAudioProcessed}\n />\n </>\n );\n};\n"],"mappings":"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"}

package/lib/components/screens/combat/components/effects/ConsciousnessBlur.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConsciousnessBlur.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/ConsciousnessBlur.tsx"],"sourcesContent":["/*\n ConsciousnessBlur Component - Visual effect for consciousness impairment\n \n Applies a blur effect to the screen that intensifies as consciousness decreases.\n * Uses CSS backdrop-filter for performance-efficient blur rendering.\n \n NOTE: This component is rendered OUTSIDE the Canvas as part of the HTML overlay.\n * It does NOT use Html from drei - it's a standard React component.\n \n @module components/combat/ConsciousnessBlur\n * @category Combat UI\n * @korean 의식흐림효과\n /\n\nimport React, { useMemo } from \"react\";\n\nexport interface ConsciousnessBlurProps {\n /\n Current consciousness level (0-100)\n * 100 = fully conscious, 0 = unconscious\n * @korean 의식수준\n /\n readonly consciousness: number;\n\n /\n Mobile responsive mode (reduced blur strength)\n * @korean 모바일여부\n /\n readonly isMobile: boolean;\n\n /\n Multiplier applied to the effect's maximum blur + darkening (0.0-1.0).\n \n Use this to soften the fullscreen effect when the 3D arena is already\n * visually compressed (e.g. portrait mobile). Default is `1.0`.\n \n @korean 효과강도배수\n /\n readonly intensityScale?: number;\n}\n\n/\n ConsciousnessBlur - Screen blur effect based on consciousness level\n \n Renders a fullscreen overlay with blur effect that intensifies as\n * consciousness decreases. Only visible when consciousness is 90 or below.\n * Optimized for 60fps with CSS backdrop-filter.\n * \n * Accessibility behavior:\n * - Purely decorative visual effect\n * - Marked with aria-hidden=\"true\" and excluded from the accessibility tree\n * - Does not announce consciousness level to screen readers\n * (use a separate, dedicated announcement channel if needed)\n \n @example\n * ```tsx\n * <ConsciousnessBlur consciousness={45} isMobile={false} />\n * // No render if consciousness > 90\n * <ConsciousnessBlur consciousness={95} isMobile={false} />\n * ```\n /\nexport const ConsciousnessBlur: React.FC<ConsciousnessBlurProps> = ({\n consciousness,\n isMobile,\n intensityScale = 1,\n}) => {\n const blurStyle = useMemo(() => {\n const clampedConsciousness = Math.max(0, Math.min(100, consciousness));\n\n const safeScale = Math.max(0, Math.min(1, intensityScale));\n\n const maxBlur = (isMobile ? 8 : 12) safeScale;\n const blurAmount = Math.round(\n ((100 - clampedConsciousness) / 100) * maxBlur\n );\n\n const opacity =\n Math.pow((100 - clampedConsciousness) / 100, 2) * 0.3 * safeScale;\n\n if (clampedConsciousness > 90) {\n return null;\n }\n\n return {\n position: \"fixed\" as const,\n inset: 0,\n pointerEvents: \"none\" as const,\n backdropFilter: `blur(${blurAmount}px)`,\n WebkitBackdropFilter: `blur(${blurAmount}px)`, // Safari support\n backgroundColor: `rgba(0, 0, 0, ${opacity})`,\n transition:\n \"backdrop-filter 0.5s ease-out, background-color 0.5s ease-out\",\n zIndex: 60, // Above game content but below HUD\n };\n }, [consciousness, isMobile, intensityScale]);\n\n if (consciousness > 90 \|\| !blurStyle) {\n return null;\n }\n\n return (\n <div\n data-testid=\"consciousness-blur\"\n style={blurStyle}\n aria-hidden=\"true\"\n />\n );\n};\n\nConsciousnessBlur.displayName = \"ConsciousnessBlur\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,IAAa,qBAAuD,EAClE,eACA,UACA,iBAAiB,QACb;CACJ,MAAM,YAAY,cAAc;EAC9B,MAAM,uBAAuB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,~~cAAc~~,CAAC;~~EAEtE~~,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,~~eAAe~~,CAAC;~~EAE1D~~,MAAM,WAAW,WAAW,IAAI,MAAM;EACtC,MAAM,aAAa,KAAK,OACpB,MAAM,wBAAwB,MAAO,~~QACxC~~;~~EAED~~,MAAM,UACJ,KAAK,KAAK,MAAM,wBAAwB,KAAK,~~EAAE~~,~~GAAG~~,KAAM;EAE1D,IAAI,uBAAuB,IACzB,OAAO;EAGT,OAAO;GACL,UAAU;GACV,OAAO;GACP,eAAe;GACf,gBAAgB,QAAQ,WAAW;GACnC,sBAAsB,QAAQ,WAAW;GACzC,iBAAiB,iBAAiB,QAAQ;GAC1C,YACE;GACF,QAAQ;~~GACT~~;~~IACA~~;EAAC;EAAe;EAAU;~~EAAe~~,CAAC;~~CAE7C~~,IAAI,gBAAgB,MAAM,CAAC,WACzB,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,OAAO;EACP,eAAY;~~EACZ~~,CAAA~~;;AAIN~~,kBAAkB,cAAc"}
1	+ {"version":3,"file":"ConsciousnessBlur.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/ConsciousnessBlur.tsx"],"sourcesContent":["/*\n ConsciousnessBlur Component - Visual effect for consciousness impairment\n \n Applies a blur effect to the screen that intensifies as consciousness decreases.\n * Uses CSS backdrop-filter for performance-efficient blur rendering.\n \n NOTE: This component is rendered OUTSIDE the Canvas as part of the HTML overlay.\n * It does NOT use Html from drei - it's a standard React component.\n \n @module components/combat/ConsciousnessBlur\n * @category Combat UI\n * @korean 의식흐림효과\n /\n\nimport React, { useMemo } from \"react\";\n\nexport interface ConsciousnessBlurProps {\n /\n Current consciousness level (0-100)\n * 100 = fully conscious, 0 = unconscious\n * @korean 의식수준\n /\n readonly consciousness: number;\n\n /\n Mobile responsive mode (reduced blur strength)\n * @korean 모바일여부\n /\n readonly isMobile: boolean;\n\n /\n Multiplier applied to the effect's maximum blur + darkening (0.0-1.0).\n \n Use this to soften the fullscreen effect when the 3D arena is already\n * visually compressed (e.g. portrait mobile). Default is `1.0`.\n \n @korean 효과강도배수\n /\n readonly intensityScale?: number;\n}\n\n/\n ConsciousnessBlur - Screen blur effect based on consciousness level\n \n Renders a fullscreen overlay with blur effect that intensifies as\n * consciousness decreases. Only visible when consciousness is 90 or below.\n * Optimized for 60fps with CSS backdrop-filter.\n * \n * Accessibility behavior:\n * - Purely decorative visual effect\n * - Marked with aria-hidden=\"true\" and excluded from the accessibility tree\n * - Does not announce consciousness level to screen readers\n * (use a separate, dedicated announcement channel if needed)\n \n @example\n * ```tsx\n * <ConsciousnessBlur consciousness={45} isMobile={false} />\n * // No render if consciousness > 90\n * <ConsciousnessBlur consciousness={95} isMobile={false} />\n * ```\n /\nexport const ConsciousnessBlur: React.FC<ConsciousnessBlurProps> = ({\n consciousness,\n isMobile,\n intensityScale = 1,\n}) => {\n const blurStyle = useMemo(() => {\n const clampedConsciousness = Math.max(0, Math.min(100, consciousness));\n\n const safeScale = Math.max(0, Math.min(1, intensityScale));\n\n const maxBlur = (isMobile ? 8 : 12) safeScale;\n const blurAmount = Math.round(\n ((100 - clampedConsciousness) / 100) * maxBlur\n );\n\n const opacity =\n Math.pow((100 - clampedConsciousness) / 100, 2) * 0.3 * safeScale;\n\n if (clampedConsciousness > 90) {\n return null;\n }\n\n return {\n position: \"fixed\" as const,\n inset: 0,\n pointerEvents: \"none\" as const,\n backdropFilter: `blur(${blurAmount}px)`,\n WebkitBackdropFilter: `blur(${blurAmount}px)`, // Safari support\n backgroundColor: `rgba(0, 0, 0, ${opacity})`,\n transition:\n \"backdrop-filter 0.5s ease-out, background-color 0.5s ease-out\",\n zIndex: 60, // Above game content but below HUD\n };\n }, [consciousness, isMobile, intensityScale]);\n\n if (consciousness > 90 \|\| !blurStyle) {\n return null;\n }\n\n return (\n <div\n data-testid=\"consciousness-blur\"\n style={blurStyle}\n aria-hidden=\"true\"\n />\n );\n};\n\nConsciousnessBlur.displayName = \"ConsciousnessBlur\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,IAAa,qBAAuD,EAClE,eACA,UACA,iBAAiB,QACb;CACJ,MAAM,YAAY,cAAc;EAC9B,MAAM,uBAAuB,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,aAAa,CAAC;EAErE,MAAM,YAAY,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,cAAc,CAAC;EAEzD,MAAM,WAAW,WAAW,IAAI,MAAM;EACtC,MAAM,aAAa,KAAK,OACpB,MAAM,wBAAwB,MAAO,OACzC;EAEA,MAAM,UACJ,KAAK,KAAK,MAAM,wBAAwB,KAAK,CAAC,IAAI,KAAM;EAE1D,IAAI,uBAAuB,IACzB,OAAO;EAGT,OAAO;GACL,UAAU;GACV,OAAO;GACP,eAAe;GACf,gBAAgB,QAAQ,WAAW;GACnC,sBAAsB,QAAQ,WAAW;GACzC,iBAAiB,iBAAiB,QAAQ;GAC1C,YACE;GACF,QAAQ;EACV;CACF,GAAG;EAAC;EAAe;EAAU;CAAc,CAAC;CAE5C,IAAI,gBAAgB,MAAM,CAAC,WACzB,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,OAAO;EACP,eAAY;CACb,CAAA;AAEL;AAEA,kBAAkB,cAAc"}

package/lib/components/screens/combat/components/effects/InternalDamage3D.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InternalDamage3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/InternalDamage3D.tsx"],"sourcesContent":["/*\n InternalDamage3D - Deep red organ pulses for Korean martial arts organ strikes\n \n Priority #4: Internal Damage Visualization\n * - Deep red organ pulses (liver, kidney, spleen, stomach, heart)\n * - Tissue deformation ripples\n * - Penetration depth visualization\n * - Critical organ damage feedback\n \n PERFORMANCE OPTIMIZATION (Object Pooling):\n * - Reduced allocations from ~120+ per effect to 2 pooled objects\n * - Pooling strategy:\n * 1. Temporary Color objects for particle initialization use pool\n * 2. Colors are copied to Float32Array (no ownership needed)\n * 3. All pooled objects released after particle system creation\n * - Estimated reduction:\n * - Pulse particles: 60 Color allocations → 1 pooled object\n * - Ripple particles: 30 Color allocations → 1 pooled object\n * - Total: ~90 Color allocations per effect → 2 pooled objects\n \n Korean martial arts context (내장 공격 - Internal organ strikes):\n * - 간격 (Liver strike) - Right side body blow\n * - 신장격 (Kidney strike) - Lower back strike\n * - 비장격 (Spleen strike) - Left side body blow\n * - 명치격 (Solar plexus) - Stomach strike\n * - 심장격 (Heart strike) - Chest strike (critical)\n /\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport as THREE from 'three';\nimport { ThreeObjectPools } from '../../../../../utils/threeObjectPool';\n\n/*\n Organ types for Korean martial arts internal strikes\n /\nexport type OrganType = 'liver' \| 'kidney' \| 'spleen' \| 'stomach' \| 'heart';\n\n/\n Penetration depth levels for organ damage\n /\nexport type PenetrationDepth = 'surface' \| 'shallow' \| 'deep' \| 'critical';\n\n/\n Individual internal damage effect\n /\nexport interface InternalDamageEffect {\n readonly id: string;\n readonly position: [number, number, number];\n readonly organType: OrganType;\n readonly penetrationDepth: PenetrationDepth;\n readonly startTime: number;\n}\n\n/\n Props for InternalDamage3D component\n /\nexport interface InternalDamage3DProps {\n readonly effects: readonly InternalDamageEffect[];\n readonly enabled?: boolean;\n readonly isMobile?: boolean;\n readonly onEffectComplete?: (id: string) => void;\n}\n\nconst INTERNAL_DAMAGE_CONSTANTS = {\n PULSE_SPEED: 2.5, // m/s expansion rate\n \n PULSE_LIFETIME: 1.5, // seconds for pulse to complete\n RIPPLE_LIFETIME: 0.8, // seconds for tissue ripple\n \n MAX_RADIUS: {\n surface: 0.4,\n shallow: 0.7,\n deep: 1.0,\n critical: 1.2,\n },\n \n INTENSITY: {\n surface: 0.5,\n shallow: 0.8,\n deep: 1.2,\n critical: 1.5,\n },\n \n PULSE_PARTICLES: 60,\n RIPPLE_PARTICLES: 30,\n \n ORGAN_COLOR: 0x8b0000, // Dark red for organs\n RIPPLE_COLOR: 0xdc143c, // Crimson for tissue ripples\n \n EMISSIVE_INTENSITY: 0.8,\n} as const;\n\n/\n InternalDamage3D - Visualizes internal organ damage with deep red pulses\n \n Features:\n * - Expanding sphere pulses from organ impacts\n * - Tissue deformation ripples\n * - Penetration depth-based sizing\n * - Korean martial arts organ strike feedback\n * - Mobile optimization (50% particles)\n /\nexport const InternalDamage3D: React.FC<InternalDamage3DProps> = ({\n effects,\n enabled = true,\n isMobile = false,\n onEffectComplete,\n}) => {\n const [effectInstances, setEffectInstances] = React.useState<\n Map<\n string,\n {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }\n >\n >(new Map());\n\n const particleCounts = useMemo(() => {\n const pulseCount = isMobile\n ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES 0.5)\n : INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES;\n const rippleCount = isMobile\n ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES * 0.5)\n : INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES;\n return { pulseCount, rippleCount };\n }, [isMobile]);\n\n const createPulseParticles = useMemo(\n () => (effect: InternalDamageEffect) => {\n const { pulseCount } = particleCounts;\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(pulseCount * 3);\n const colors = new Float32Array(pulseCount * 3);\n const sizes = new Float32Array(pulseCount);\n\n const tempColor = ThreeObjectPools.color.acquire();\n\n try {\n tempColor.set(INTERNAL_DAMAGE_CONSTANTS.ORGAN_COLOR);\n\n for (let i = 0; i < pulseCount; i++) {\n\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n const baseSize = 0.03;\n const depthMultiplier =\n INTERNAL_DAMAGE_CONSTANTS.INTENSITY[effect.penetrationDepth];\n sizes[i] = baseSize * depthMultiplier;\n }\n } finally {\n ThreeObjectPools.color.release(tempColor);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.05,\n vertexColors: true,\n transparent: true,\n opacity: 1.0,\n blending: THREE.AdditiveBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData = { positions: positions.slice() };\n for (let i = 0; i < pulseCount; i++) {\n const phi = Math.acos(1 - 2 * (i + 0.5) / pulseCount);\n const theta = Math.PI * (1 + Math.sqrt(5)) * i;\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData[`phi_${i}`] = phi;\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData[`theta_${i}`] = theta;\n }\n\n return points;\n },\n [particleCounts]\n );\n\n const createRippleParticles = useMemo(\n () => (effect: InternalDamageEffect) => {\n const { rippleCount } = particleCounts;\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(rippleCount * 3);\n const colors = new Float32Array(rippleCount * 3);\n const sizes = new Float32Array(rippleCount);\n\n const tempColor = ThreeObjectPools.color.acquire();\n\n try {\n tempColor.set(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_COLOR);\n\n for (let i = 0; i < rippleCount; i++) {\n const angle = (i / rippleCount) * Math.PI * 2;\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n sizes[i] = 0.02;\n\n (geometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`] = angle;\n }\n } finally {\n ThreeObjectPools.color.release(tempColor);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.03,\n vertexColors: true,\n transparent: true,\n opacity: 1.0,\n blending: THREE.NormalBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n return points;\n },\n [particleCounts]\n );\n\n useEffect(() => {\n if (!enabled) return;\n\n setEffectInstances((prev) => {\n const updated = new Map(prev);\n\n effects.forEach((effect) => {\n if (!updated.has(effect.id)) {\n const pulseParticles = createPulseParticles(effect);\n const rippleParticles = createRippleParticles(effect);\n updated.set(effect.id, {\n pulseParticles,\n rippleParticles,\n startTime: effect.startTime,\n effect,\n });\n }\n });\n\n const currentIds = new Set(effects.map((e) => e.id));\n Array.from(updated.keys()).forEach((id) => {\n if (!currentIds.has(id)) {\n const instance = updated.get(id);\n if (instance) {\n instance.pulseParticles.geometry.dispose();\n (instance.pulseParticles.material as THREE.Material).dispose();\n instance.rippleParticles.geometry.dispose();\n (instance.rippleParticles.material as THREE.Material).dispose();\n }\n updated.delete(id);\n }\n });\n\n return updated;\n });\n }, [effects, enabled, createPulseParticles, createRippleParticles]);\n\n const effectInstancesRef = useRef<Map<\n string,\n {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }\n >>(effectInstances);\n useEffect(() => {\n effectInstancesRef.current = effectInstances;\n }, [effectInstances]);\n\n useEffect(() => {\n return () => {\n effectInstancesRef.current.forEach((instance: {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }) => {\n instance.pulseParticles.geometry.dispose();\n (instance.pulseParticles.material as THREE.Material).dispose();\n instance.rippleParticles.geometry.dispose();\n (instance.rippleParticles.material as THREE.Material).dispose();\n });\n };\n }, []); // Empty deps - cleanup on unmount only\n\n useFrame(() => {\n if (!enabled \|\| effectInstances.size === 0) return;\n\n const now = Date.now();\n const completedIds: string[] = [];\n\n effectInstances.forEach((instance, id) => {\n const elapsed = (now - instance.startTime) / 1000;\n const { effect } = instance;\n\n const pulseProgress = Math.min(\n elapsed / INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME,\n 1.0\n );\n if (pulseProgress < 1.0) {\n const pulseGeometry = instance.pulseParticles.geometry;\n const pulsePositions = pulseGeometry.attributes.position\n .array as Float32Array;\n const maxRadius =\n INTERNAL_DAMAGE_CONSTANTS.MAX_RADIUS[effect.penetrationDepth];\n\n const { pulseCount } = particleCounts;\n const sphereData = (pulseGeometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData;\n for (let i = 0; i < pulseCount; i++) {\n const phi = sphereData[`phi_${i}`] as number;\n const theta = sphereData[`theta_${i}`] as number;\n const radius = maxRadius * pulseProgress;\n\n pulsePositions[i * 3] = radius * Math.sin(phi) * Math.cos(theta);\n pulsePositions[i * 3 + 1] = radius * Math.sin(phi) * Math.sin(theta);\n pulsePositions[i * 3 + 2] = radius * Math.cos(phi);\n }\n\n pulseGeometry.attributes.position.needsUpdate = true;\n\n const material = instance.pulseParticles.material as THREE.PointsMaterial;\n material.opacity = 1.0 - pulseProgress * 0.7;\n }\n\n const rippleProgress = Math.min(\n elapsed / INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME,\n 1.0\n );\n if (rippleProgress < 1.0) {\n const rippleGeometry = instance.rippleParticles.geometry;\n const ripplePositions = rippleGeometry.attributes.position\n .array as Float32Array;\n\n const { rippleCount } = particleCounts;\n const rippleRadius = 0.6 * rippleProgress;\n for (let i = 0; i < rippleCount; i++) {\n const angle = (rippleGeometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`];\n ripplePositions[i * 3] = rippleRadius * Math.cos(angle);\n ripplePositions[i * 3 + 1] = 0;\n ripplePositions[i * 3 + 2] = rippleRadius * Math.sin(angle);\n }\n\n rippleGeometry.attributes.position.needsUpdate = true;\n\n const material = instance.rippleParticles\n .material as THREE.PointsMaterial;\n material.opacity = 1.0 - rippleProgress;\n }\n\n if (\n elapsed >= INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME &&\n elapsed >= INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME\n ) {\n completedIds.push(id);\n }\n });\n\n completedIds.forEach((id) => {\n onEffectComplete?.(id);\n });\n });\n\n return (\n <>\n {Array.from(effectInstances.values()).map((instance) => (\n <React.Fragment key={instance.effect.id}>\n <primitive object={instance.pulseParticles} />\n <primitive object={instance.rippleParticles} />\n </React.Fragment>\n ))}\n </>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"InternalDamage3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/InternalDamage3D.tsx"],"sourcesContent":["/*\n InternalDamage3D - Deep red organ pulses for Korean martial arts organ strikes\n \n Priority #4: Internal Damage Visualization\n * - Deep red organ pulses (liver, kidney, spleen, stomach, heart)\n * - Tissue deformation ripples\n * - Penetration depth visualization\n * - Critical organ damage feedback\n \n PERFORMANCE OPTIMIZATION (Object Pooling):\n * - Reduced allocations from ~120+ per effect to 2 pooled objects\n * - Pooling strategy:\n * 1. Temporary Color objects for particle initialization use pool\n * 2. Colors are copied to Float32Array (no ownership needed)\n * 3. All pooled objects released after particle system creation\n * - Estimated reduction:\n * - Pulse particles: 60 Color allocations → 1 pooled object\n * - Ripple particles: 30 Color allocations → 1 pooled object\n * - Total: ~90 Color allocations per effect → 2 pooled objects\n \n Korean martial arts context (내장 공격 - Internal organ strikes):\n * - 간격 (Liver strike) - Right side body blow\n * - 신장격 (Kidney strike) - Lower back strike\n * - 비장격 (Spleen strike) - Left side body blow\n * - 명치격 (Solar plexus) - Stomach strike\n * - 심장격 (Heart strike) - Chest strike (critical)\n /\n\nimport React, { useEffect, useMemo, useRef } from 'react';\nimport { useFrame } from '@react-three/fiber';\nimport as THREE from 'three';\nimport { ThreeObjectPools } from '../../../../../utils/threeObjectPool';\n\n/*\n Organ types for Korean martial arts internal strikes\n /\nexport type OrganType = 'liver' \| 'kidney' \| 'spleen' \| 'stomach' \| 'heart';\n\n/\n Penetration depth levels for organ damage\n /\nexport type PenetrationDepth = 'surface' \| 'shallow' \| 'deep' \| 'critical';\n\n/\n Individual internal damage effect\n /\nexport interface InternalDamageEffect {\n readonly id: string;\n readonly position: [number, number, number];\n readonly organType: OrganType;\n readonly penetrationDepth: PenetrationDepth;\n readonly startTime: number;\n}\n\n/\n Props for InternalDamage3D component\n /\nexport interface InternalDamage3DProps {\n readonly effects: readonly InternalDamageEffect[];\n readonly enabled?: boolean;\n readonly isMobile?: boolean;\n readonly onEffectComplete?: (id: string) => void;\n}\n\nconst INTERNAL_DAMAGE_CONSTANTS = {\n PULSE_SPEED: 2.5, // m/s expansion rate\n \n PULSE_LIFETIME: 1.5, // seconds for pulse to complete\n RIPPLE_LIFETIME: 0.8, // seconds for tissue ripple\n \n MAX_RADIUS: {\n surface: 0.4,\n shallow: 0.7,\n deep: 1.0,\n critical: 1.2,\n },\n \n INTENSITY: {\n surface: 0.5,\n shallow: 0.8,\n deep: 1.2,\n critical: 1.5,\n },\n \n PULSE_PARTICLES: 60,\n RIPPLE_PARTICLES: 30,\n \n ORGAN_COLOR: 0x8b0000, // Dark red for organs\n RIPPLE_COLOR: 0xdc143c, // Crimson for tissue ripples\n \n EMISSIVE_INTENSITY: 0.8,\n} as const;\n\n/\n InternalDamage3D - Visualizes internal organ damage with deep red pulses\n \n Features:\n * - Expanding sphere pulses from organ impacts\n * - Tissue deformation ripples\n * - Penetration depth-based sizing\n * - Korean martial arts organ strike feedback\n * - Mobile optimization (50% particles)\n /\nexport const InternalDamage3D: React.FC<InternalDamage3DProps> = ({\n effects,\n enabled = true,\n isMobile = false,\n onEffectComplete,\n}) => {\n const [effectInstances, setEffectInstances] = React.useState<\n Map<\n string,\n {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }\n >\n >(new Map());\n\n const particleCounts = useMemo(() => {\n const pulseCount = isMobile\n ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES 0.5)\n : INTERNAL_DAMAGE_CONSTANTS.PULSE_PARTICLES;\n const rippleCount = isMobile\n ? Math.floor(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES * 0.5)\n : INTERNAL_DAMAGE_CONSTANTS.RIPPLE_PARTICLES;\n return { pulseCount, rippleCount };\n }, [isMobile]);\n\n const createPulseParticles = useMemo(\n () => (effect: InternalDamageEffect) => {\n const { pulseCount } = particleCounts;\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(pulseCount * 3);\n const colors = new Float32Array(pulseCount * 3);\n const sizes = new Float32Array(pulseCount);\n\n const tempColor = ThreeObjectPools.color.acquire();\n\n try {\n tempColor.set(INTERNAL_DAMAGE_CONSTANTS.ORGAN_COLOR);\n\n for (let i = 0; i < pulseCount; i++) {\n\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n const baseSize = 0.03;\n const depthMultiplier =\n INTERNAL_DAMAGE_CONSTANTS.INTENSITY[effect.penetrationDepth];\n sizes[i] = baseSize * depthMultiplier;\n }\n } finally {\n ThreeObjectPools.color.release(tempColor);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.05,\n vertexColors: true,\n transparent: true,\n opacity: 1.0,\n blending: THREE.AdditiveBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData = { positions: positions.slice() };\n for (let i = 0; i < pulseCount; i++) {\n const phi = Math.acos(1 - 2 * (i + 0.5) / pulseCount);\n const theta = Math.PI * (1 + Math.sqrt(5)) * i;\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData[`phi_${i}`] = phi;\n (geometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData[`theta_${i}`] = theta;\n }\n\n return points;\n },\n [particleCounts]\n );\n\n const createRippleParticles = useMemo(\n () => (effect: InternalDamageEffect) => {\n const { rippleCount } = particleCounts;\n const geometry = new THREE.BufferGeometry();\n const positions = new Float32Array(rippleCount * 3);\n const colors = new Float32Array(rippleCount * 3);\n const sizes = new Float32Array(rippleCount);\n\n const tempColor = ThreeObjectPools.color.acquire();\n\n try {\n tempColor.set(INTERNAL_DAMAGE_CONSTANTS.RIPPLE_COLOR);\n\n for (let i = 0; i < rippleCount; i++) {\n const angle = (i / rippleCount) * Math.PI * 2;\n positions[i * 3] = 0;\n positions[i * 3 + 1] = 0;\n positions[i * 3 + 2] = 0;\n\n colors[i * 3] = tempColor.r;\n colors[i * 3 + 1] = tempColor.g;\n colors[i * 3 + 2] = tempColor.b;\n\n sizes[i] = 0.02;\n\n (geometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`] = angle;\n }\n } finally {\n ThreeObjectPools.color.release(tempColor);\n }\n\n geometry.setAttribute('position', new THREE.BufferAttribute(positions, 3));\n geometry.setAttribute('color', new THREE.BufferAttribute(colors, 3));\n geometry.setAttribute('size', new THREE.BufferAttribute(sizes, 1));\n\n const material = new THREE.PointsMaterial({\n size: 0.03,\n vertexColors: true,\n transparent: true,\n opacity: 1.0,\n blending: THREE.NormalBlending,\n depthWrite: false,\n sizeAttenuation: true,\n });\n\n const points = new THREE.Points(geometry, material);\n points.position.set(...effect.position);\n\n return points;\n },\n [particleCounts]\n );\n\n useEffect(() => {\n if (!enabled) return;\n\n setEffectInstances((prev) => {\n const updated = new Map(prev);\n\n effects.forEach((effect) => {\n if (!updated.has(effect.id)) {\n const pulseParticles = createPulseParticles(effect);\n const rippleParticles = createRippleParticles(effect);\n updated.set(effect.id, {\n pulseParticles,\n rippleParticles,\n startTime: effect.startTime,\n effect,\n });\n }\n });\n\n const currentIds = new Set(effects.map((e) => e.id));\n Array.from(updated.keys()).forEach((id) => {\n if (!currentIds.has(id)) {\n const instance = updated.get(id);\n if (instance) {\n instance.pulseParticles.geometry.dispose();\n (instance.pulseParticles.material as THREE.Material).dispose();\n instance.rippleParticles.geometry.dispose();\n (instance.rippleParticles.material as THREE.Material).dispose();\n }\n updated.delete(id);\n }\n });\n\n return updated;\n });\n }, [effects, enabled, createPulseParticles, createRippleParticles]);\n\n const effectInstancesRef = useRef<Map<\n string,\n {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }\n >>(effectInstances);\n useEffect(() => {\n effectInstancesRef.current = effectInstances;\n }, [effectInstances]);\n\n useEffect(() => {\n return () => {\n effectInstancesRef.current.forEach((instance: {\n pulseParticles: THREE.Points;\n rippleParticles: THREE.Points;\n startTime: number;\n effect: InternalDamageEffect;\n }) => {\n instance.pulseParticles.geometry.dispose();\n (instance.pulseParticles.material as THREE.Material).dispose();\n instance.rippleParticles.geometry.dispose();\n (instance.rippleParticles.material as THREE.Material).dispose();\n });\n };\n }, []); // Empty deps - cleanup on unmount only\n\n useFrame(() => {\n if (!enabled \|\| effectInstances.size === 0) return;\n\n const now = Date.now();\n const completedIds: string[] = [];\n\n effectInstances.forEach((instance, id) => {\n const elapsed = (now - instance.startTime) / 1000;\n const { effect } = instance;\n\n const pulseProgress = Math.min(\n elapsed / INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME,\n 1.0\n );\n if (pulseProgress < 1.0) {\n const pulseGeometry = instance.pulseParticles.geometry;\n const pulsePositions = pulseGeometry.attributes.position\n .array as Float32Array;\n const maxRadius =\n INTERNAL_DAMAGE_CONSTANTS.MAX_RADIUS[effect.penetrationDepth];\n\n const { pulseCount } = particleCounts;\n const sphereData = (pulseGeometry as THREE.BufferGeometry & { sphereData: Record<string, number \| Float32Array> }).sphereData;\n for (let i = 0; i < pulseCount; i++) {\n const phi = sphereData[`phi_${i}`] as number;\n const theta = sphereData[`theta_${i}`] as number;\n const radius = maxRadius * pulseProgress;\n\n pulsePositions[i * 3] = radius * Math.sin(phi) * Math.cos(theta);\n pulsePositions[i * 3 + 1] = radius * Math.sin(phi) * Math.sin(theta);\n pulsePositions[i * 3 + 2] = radius * Math.cos(phi);\n }\n\n pulseGeometry.attributes.position.needsUpdate = true;\n\n const material = instance.pulseParticles.material as THREE.PointsMaterial;\n material.opacity = 1.0 - pulseProgress * 0.7;\n }\n\n const rippleProgress = Math.min(\n elapsed / INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME,\n 1.0\n );\n if (rippleProgress < 1.0) {\n const rippleGeometry = instance.rippleParticles.geometry;\n const ripplePositions = rippleGeometry.attributes.position\n .array as Float32Array;\n\n const { rippleCount } = particleCounts;\n const rippleRadius = 0.6 * rippleProgress;\n for (let i = 0; i < rippleCount; i++) {\n const angle = (rippleGeometry as THREE.BufferGeometry & { [key: string]: number })[`angle_${i}`];\n ripplePositions[i * 3] = rippleRadius * Math.cos(angle);\n ripplePositions[i * 3 + 1] = 0;\n ripplePositions[i * 3 + 2] = rippleRadius * Math.sin(angle);\n }\n\n rippleGeometry.attributes.position.needsUpdate = true;\n\n const material = instance.rippleParticles\n .material as THREE.PointsMaterial;\n material.opacity = 1.0 - rippleProgress;\n }\n\n if (\n elapsed >= INTERNAL_DAMAGE_CONSTANTS.PULSE_LIFETIME &&\n elapsed >= INTERNAL_DAMAGE_CONSTANTS.RIPPLE_LIFETIME\n ) {\n completedIds.push(id);\n }\n });\n\n completedIds.forEach((id) => {\n onEffectComplete?.(id);\n });\n });\n\n return (\n <>\n {Array.from(effectInstances.values()).map((instance) => (\n <React.Fragment key={instance.effect.id}>\n <primitive object={instance.pulseParticles} />\n <primitive object={instance.rippleParticles} />\n </React.Fragment>\n ))}\n </>\n );\n};\n"],"mappings":"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"}

package/lib/components/screens/combat/components/effects/PainVignette.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PainVignette.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/PainVignette.tsx"],"sourcesContent":["/*\n PainVignette Component - Visual overlay for pain intensity\n \n Displays a red vignette effect around the screen edges that intensifies\n * as the player's pain level increases. Uses CSS box-shadow for performance.\n \n NOTE: This component is rendered OUTSIDE the Canvas as part of the HTML overlay.\n * It does NOT use Html from drei - it's a standard React component.\n \n @module components/combat/PainVignette\n * @category Combat UI\n * @korean 통증비네트\n /\n\nimport React, { useMemo } from \"react\";\nimport { KOREAN_COLORS } from \"../../../../../types/constants\";\n\nexport interface PainVignetteProps {\n /\n Current pain level (0-100)\n * @korean 통증수준\n /\n readonly pain: number;\n\n /\n Mobile responsive mode (subtle effects)\n * @korean 모바일여부\n /\n readonly isMobile: boolean;\n\n /\n Multiplier applied to the effect's maximum opacity (0.0-1.0).\n \n Use this to soften the fullscreen effect when the 3D arena is already\n * visually compressed (e.g. portrait mobile) so the vignette does not\n * further obscure the view. Default is `1.0` (no attenuation).\n \n @korean 효과강도배수\n /\n readonly intensityScale?: number;\n}\n\n/\n PainVignette - Red edge vignette overlay for pain visualization\n \n Renders a fullscreen overlay with red vignette effect that intensifies\n * as pain increases. Only visible when pain is 5 or higher. Optimized\n * for 60fps with CSS transitions.\n * \n * Accessibility:\n * - Purely visual, decorative-only overlay\n * - Hidden from assistive technologies via aria-hidden=\"true\"\n * - Does not announce pain levels; use a separate mechanism if announcements are required\n \n @example\n * ```tsx\n * <PainVignette pain={65} isMobile={false} />\n * // No render if pain < 5\n * <PainVignette pain={2} isMobile={false} />\n * ```\n /\nexport const PainVignette: React.FC<PainVignetteProps> = ({\n pain,\n isMobile,\n intensityScale = 1,\n}) => {\n const vignetteStyle = useMemo(() => {\n const clampedPain = Math.max(0, Math.min(100, pain));\n\n const normalizedPain = clampedPain / 100;\n const intensity = Math.pow(normalizedPain, 1.5);\n\n const vignetteSize = isMobile ? \"80px\" : \"150px\";\n\n const safeScale = Math.max(0, Math.min(1, intensityScale));\n const maxOpacity = (isMobile ? 0.5 : 0.7) safeScale;\n const opacity = intensity * maxOpacity;\n\n const rgb = KOREAN_COLORS.PAIN_INDICATOR;\n const painColor = `rgba(${(rgb >> 16) & 255}, ${(rgb >> 8) & 255}, ${\n rgb & 255\n }, ${opacity})`;\n\n return {\n position: \"fixed\" as const,\n inset: 0,\n pointerEvents: \"none\" as const,\n boxShadow: `inset 0 0 ${vignetteSize} ${painColor}`,\n transition: \"box-shadow 0.5s ease-out\",\n zIndex: 50, // Below UI controls but above game content\n };\n }, [pain, isMobile, intensityScale]);\n\n if (pain < 5) {\n return null;\n }\n\n return (\n <div \n data-testid=\"pain-vignette\" \n style={vignetteStyle} \n aria-hidden=\"true\"\n />\n );\n};\n\nPainVignette.displayName = \"PainVignette\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,IAAa,gBAA6C,EACxD,MACA,UACA,iBAAiB,QACb;CACJ,MAAM,gBAAgB,cAAc;EAGlC,MAAM,iBAFc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,~~KAAK~~,~~CAE5B~~,~~GAAc~~;EACrC,MAAM,YAAY,KAAK,IAAI,gBAAgB,~~IAAI~~;~~EAE/C~~,MAAM,eAAe,WAAW,SAAS;EAIzC,MAAM,UAAU,cADI,WAAW,KAAM,MADnB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,~~eAAe~~,~~CACb~~;EAG5C,MAAM,MAAM,cAAc;EAK1B,OAAO;GACL,UAAU;GACV,OAAO;GACP,eAAe;GACf,WAAW,aAAa,aAAa,GAAG,QARf,OAAO,KAAM,IAAI,IAAK,OAAO,IAAK,IAAI,IAC/D,MAAM,IACP,IAAI,QAAQ;GAOX,YAAY;GACZ,QAAQ;~~GACT~~;~~IACA~~;EAAC;EAAM;EAAU;~~EAAe~~,CAAC;~~CAEpC~~,IAAI,OAAO,GACT,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,OAAO;EACP,eAAY;~~EACZ~~,CAAA~~;;AAIN~~,aAAa,cAAc"}
1	+ {"version":3,"file":"PainVignette.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/PainVignette.tsx"],"sourcesContent":["/*\n PainVignette Component - Visual overlay for pain intensity\n \n Displays a red vignette effect around the screen edges that intensifies\n * as the player's pain level increases. Uses CSS box-shadow for performance.\n \n NOTE: This component is rendered OUTSIDE the Canvas as part of the HTML overlay.\n * It does NOT use Html from drei - it's a standard React component.\n \n @module components/combat/PainVignette\n * @category Combat UI\n * @korean 통증비네트\n /\n\nimport React, { useMemo } from \"react\";\nimport { KOREAN_COLORS } from \"../../../../../types/constants\";\n\nexport interface PainVignetteProps {\n /\n Current pain level (0-100)\n * @korean 통증수준\n /\n readonly pain: number;\n\n /\n Mobile responsive mode (subtle effects)\n * @korean 모바일여부\n /\n readonly isMobile: boolean;\n\n /\n Multiplier applied to the effect's maximum opacity (0.0-1.0).\n \n Use this to soften the fullscreen effect when the 3D arena is already\n * visually compressed (e.g. portrait mobile) so the vignette does not\n * further obscure the view. Default is `1.0` (no attenuation).\n \n @korean 효과강도배수\n /\n readonly intensityScale?: number;\n}\n\n/\n PainVignette - Red edge vignette overlay for pain visualization\n \n Renders a fullscreen overlay with red vignette effect that intensifies\n * as pain increases. Only visible when pain is 5 or higher. Optimized\n * for 60fps with CSS transitions.\n * \n * Accessibility:\n * - Purely visual, decorative-only overlay\n * - Hidden from assistive technologies via aria-hidden=\"true\"\n * - Does not announce pain levels; use a separate mechanism if announcements are required\n \n @example\n * ```tsx\n * <PainVignette pain={65} isMobile={false} />\n * // No render if pain < 5\n * <PainVignette pain={2} isMobile={false} />\n * ```\n /\nexport const PainVignette: React.FC<PainVignetteProps> = ({\n pain,\n isMobile,\n intensityScale = 1,\n}) => {\n const vignetteStyle = useMemo(() => {\n const clampedPain = Math.max(0, Math.min(100, pain));\n\n const normalizedPain = clampedPain / 100;\n const intensity = Math.pow(normalizedPain, 1.5);\n\n const vignetteSize = isMobile ? \"80px\" : \"150px\";\n\n const safeScale = Math.max(0, Math.min(1, intensityScale));\n const maxOpacity = (isMobile ? 0.5 : 0.7) safeScale;\n const opacity = intensity * maxOpacity;\n\n const rgb = KOREAN_COLORS.PAIN_INDICATOR;\n const painColor = `rgba(${(rgb >> 16) & 255}, ${(rgb >> 8) & 255}, ${\n rgb & 255\n }, ${opacity})`;\n\n return {\n position: \"fixed\" as const,\n inset: 0,\n pointerEvents: \"none\" as const,\n boxShadow: `inset 0 0 ${vignetteSize} ${painColor}`,\n transition: \"box-shadow 0.5s ease-out\",\n zIndex: 50, // Below UI controls but above game content\n };\n }, [pain, isMobile, intensityScale]);\n\n if (pain < 5) {\n return null;\n }\n\n return (\n <div \n data-testid=\"pain-vignette\" \n style={vignetteStyle} \n aria-hidden=\"true\"\n />\n );\n};\n\nPainVignette.displayName = \"PainVignette\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6DA,IAAa,gBAA6C,EACxD,MACA,UACA,iBAAiB,QACb;CACJ,MAAM,gBAAgB,cAAc;EAGlC,MAAM,iBAFc,KAAK,IAAI,GAAG,KAAK,IAAI,KAAK,IAAI,CAE3B,IAAc;EACrC,MAAM,YAAY,KAAK,IAAI,gBAAgB,GAAG;EAE9C,MAAM,eAAe,WAAW,SAAS;EAIzC,MAAM,UAAU,cADI,WAAW,KAAM,MADnB,KAAK,IAAI,GAAG,KAAK,IAAI,GAAG,cAAc,CACZ;EAG5C,MAAM,MAAM,cAAc;EAK1B,OAAO;GACL,UAAU;GACV,OAAO;GACP,eAAe;GACf,WAAW,aAAa,aAAa,GAAG,QARf,OAAO,KAAM,IAAI,IAAK,OAAO,IAAK,IAAI,IAC/D,MAAM,IACP,IAAI,QAAQ;GAOX,YAAY;GACZ,QAAQ;EACV;CACF,GAAG;EAAC;EAAM;EAAU;CAAc,CAAC;CAEnC,IAAI,OAAO,GACT,OAAO;CAGT,OACE,oBAAC,OAAD;EACE,eAAY;EACZ,OAAO;EACP,eAAY;CACb,CAAA;AAEL;AAEA,aAAa,cAAc"}

package/lib/components/screens/combat/components/effects/ParticleAudio3D.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ParticleAudio3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/ParticleAudio3D.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/\n ParticleAudio3D - Audio integration for particle effects\n \n Priority #6: Combat Audio Integration\n * - Maps particle effects to appropriate sounds\n * - Uses existing sound assets only\n * - Synchronizes with particle lifecycles\n * - Debounces rapid triggers\n \n Sound mappings (existing assets):\n * - Arterial spray → ki_release variants (electric energy release)\n * - Bone fractures → block_break variants (bone crack sounds)\n * - Nerve strikes → energy_pulse variants (electric pulse)\n * - Organ damage → hit_flesh + body_realistic_sound (layered impact)\n * - Blood viscosity → hit_flesh variants (lighter flesh impacts)\n /\n\nimport { useEffect, useRef } from \"react\";\nimport { useAudio } from \"../../../../../audio/AudioProvider\";\n\n/\n Particle effect types for audio mapping\n /\nexport type ParticleEffectType =\n \| \"arterial\"\n \| \"bone\"\n \| \"nerve\"\n \| \"organ\"\n \| \"viscosity\";\n\n/\n Audio trigger for particle effect\n /\nexport interface ParticleAudioTrigger {\n readonly effectType: ParticleEffectType;\n readonly intensity: number; // 0.0-1.0, affects volume\n readonly timestamp: number; // Used for deduplication\n}\n\n/\n Props for ParticleAudio3D component\n /\nexport interface ParticleAudio3DProps {\n readonly triggers: readonly ParticleAudioTrigger[];\n readonly enabled?: boolean;\n readonly onTriggerProcessed?: (timestamp: number) => void;\n}\n\nconst DEBOUNCE_TIME = 100;\n\nconst SOUND_MAPPINGS: Record<ParticleEffectType, string[]> = {\n arterial: [\n \"ki_release\",\n \"ki_release_1\",\n \"ki_release_2\",\n \"ki_release_3\",\n \"ki_release_4\",\n ],\n bone: [\n \"block_break\",\n \"block_break_1\",\n \"block_break_2\",\n \"block_break_3\",\n \"block_break_4\",\n ],\n nerve: [\n \"energy_pulse\",\n \"energy_pulse_1\",\n \"energy_pulse_2\",\n \"energy_pulse_3\",\n \"energy_pulse_4\",\n ],\n organ: [\"hit_flesh\", \"hit_flesh_1\", \"hit_flesh_2\", \"body_realistic_sound\"],\n viscosity: [\"hit_flesh_3\", \"hit_flesh_4\"],\n};\n\n/\n ParticleAudio3D - Lightweight audio coordination for particle effects\n \n Features:\n * - Debounced audio triggers (max 1 per 100ms per type)\n * - Intensity-based volume scaling\n * - Random sound variant selection\n * - Uses existing audio assets only\n * - No Three.js rendering (pure coordination logic)\n /\nexport const ParticleAudio3D: React.FC<ParticleAudio3DProps> = ({\n triggers,\n enabled = true,\n onTriggerProcessed,\n}) => {\n const audio = useAudio();\n\n const lastTriggerTime = useRef<Record<ParticleEffectType, number>>({\n arterial: 0,\n bone: 0,\n nerve: 0,\n organ: 0,\n viscosity: 0,\n });\n\n const processedTimestamps = useRef<Set<number>>(new Set());\n\n useEffect(() => {\n if (!enabled \|\| !audio.isInitialized) return;\n\n const now = Date.now();\n\n triggers.forEach((trigger) => {\n if (processedTimestamps.current.has(trigger.timestamp)) {\n return;\n }\n\n const lastTime = lastTriggerTime.current[trigger.effectType];\n if (now - lastTime < DEBOUNCE_TIME) {\n return;\n }\n\n const soundIds = SOUND_MAPPINGS[trigger.effectType];\n const soundId = soundIds[Math.floor(Math.random() soundIds.length)];\n\n try {\n audio.playSFX(soundId);\n } catch (error) {\n console.warn(`Failed to play particle audio: ${soundId}`, error);\n }\n\n lastTriggerTime.current[trigger.effectType] = now;\n processedTimestamps.current.add(trigger.timestamp);\n\n onTriggerProcessed?.(trigger.timestamp);\n });\n\n if (processedTimestamps.current.size > 1000) {\n const timestamps = Array.from(processedTimestamps.current).sort(\n (a, b) => b - a,\n );\n processedTimestamps.current = new Set(timestamps.slice(0, 500));\n }\n }, [triggers, enabled, audio, onTriggerProcessed]);\n\n return null;\n};\n\n/*\n Helper function to create audio triggers from particle effects\n */\nexport function createAudioTrigger(\n effectType: ParticleEffectType,\n intensity: number,\n): ParticleAudioTrigger {\n return {\n effectType,\n intensity: Math.max(0, Math.min(1, intensity)),\n timestamp: Date.now(),\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiDA,IAAM,gBAAgB;AAEtB,IAAM,iBAAuD;CAC3D,UAAU;EACR;EACA;EACA;EACA;EACA;~~EACD~~;~~CACD~~,MAAM;EACJ;EACA;EACA;EACA;EACA;~~EACD~~;~~CACD~~,OAAO;EACL;EACA;EACA;EACA;EACA;~~EACD~~;~~CACD~~,OAAO;EAAC;EAAa;EAAe;EAAe;~~EAAuB~~;~~CAC1E~~,WAAW,CAAC,eAAe,~~cAAc~~;~~CAC1C~~;;;;;;;;;;;~~AAYD~~,IAAa,mBAAmD,EAC9D,UACA,UAAU,MACV,yBACI;CACJ,MAAM,QAAQ,~~UAAU~~;~~CAExB~~,MAAM,kBAAkB,OAA2C;EACjE,UAAU;EACV,MAAM;EACN,OAAO;EACP,OAAO;EACP,WAAW;~~EACZ~~,CAAC;~~CAEF~~,MAAM,sBAAsB,uBAAoB,IAAI,~~KAAK~~,CAAC;~~CAE1D~~,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,MAAM,eAAe;EAEtC,MAAM,MAAM,KAAK,~~KAAK~~;~~EAEtB~~,SAAS,SAAS,YAAY;GAC5B,IAAI,oBAAoB,QAAQ,IAAI,QAAQ,~~UAAU~~,~~EACpD~~;GAIF,IAAI,MADa,gBAAgB,QAAQ,QAAQ,cAC5B,eACnB;GAGF,MAAM,WAAW,eAAe,QAAQ;GACxC,MAAM,UAAU,SAAS,KAAK,MAAM,KAAK,~~QAAQ~~,~~GAAG~~,SAAS,~~OAAO~~;~~GAEpE~~,IAAI;IACF,MAAM,QAAQ,~~QAAQ~~;~~YACf~~,OAAO;IACd,QAAQ,KAAK,kCAAkC,WAAW,~~MAAM;;GAGlE~~,gBAAgB,QAAQ,QAAQ,cAAc;GAC9C,oBAAoB,QAAQ,IAAI,QAAQ,~~UAAU~~;~~GAElD~~,qBAAqB,QAAQ,~~UAAU~~;~~IACvC~~;~~EAEF~~,IAAI,oBAAoB,QAAQ,OAAO,KAAM;GAC3C,MAAM,aAAa,MAAM,KAAK,oBAAoB,~~QAAQ~~,~~CAAC~~,MACxD,GAAG,MAAM,IAAI,~~EACf~~;~~GACD~~,oBAAoB,UAAU,IAAI,IAAI,WAAW,MAAM,GAAG,~~IAAI~~,CAAC~~;;IAEhE~~;EAAC;EAAU;EAAS;EAAO;~~EAAmB~~,CAAC;~~CAElD~~,OAAO"}
1	+ {"version":3,"file":"ParticleAudio3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/ParticleAudio3D.tsx"],"sourcesContent":["/* eslint-disable react-refresh/only-export-components /\n/\n ParticleAudio3D - Audio integration for particle effects\n \n Priority #6: Combat Audio Integration\n * - Maps particle effects to appropriate sounds\n * - Uses existing sound assets only\n * - Synchronizes with particle lifecycles\n * - Debounces rapid triggers\n \n Sound mappings (existing assets):\n * - Arterial spray → ki_release variants (electric energy release)\n * - Bone fractures → block_break variants (bone crack sounds)\n * - Nerve strikes → energy_pulse variants (electric pulse)\n * - Organ damage → hit_flesh + body_realistic_sound (layered impact)\n * - Blood viscosity → hit_flesh variants (lighter flesh impacts)\n /\n\nimport { useEffect, useRef } from \"react\";\nimport { useAudio } from \"../../../../../audio/AudioProvider\";\n\n/\n Particle effect types for audio mapping\n /\nexport type ParticleEffectType =\n \| \"arterial\"\n \| \"bone\"\n \| \"nerve\"\n \| \"organ\"\n \| \"viscosity\";\n\n/\n Audio trigger for particle effect\n /\nexport interface ParticleAudioTrigger {\n readonly effectType: ParticleEffectType;\n readonly intensity: number; // 0.0-1.0, affects volume\n readonly timestamp: number; // Used for deduplication\n}\n\n/\n Props for ParticleAudio3D component\n /\nexport interface ParticleAudio3DProps {\n readonly triggers: readonly ParticleAudioTrigger[];\n readonly enabled?: boolean;\n readonly onTriggerProcessed?: (timestamp: number) => void;\n}\n\nconst DEBOUNCE_TIME = 100;\n\nconst SOUND_MAPPINGS: Record<ParticleEffectType, string[]> = {\n arterial: [\n \"ki_release\",\n \"ki_release_1\",\n \"ki_release_2\",\n \"ki_release_3\",\n \"ki_release_4\",\n ],\n bone: [\n \"block_break\",\n \"block_break_1\",\n \"block_break_2\",\n \"block_break_3\",\n \"block_break_4\",\n ],\n nerve: [\n \"energy_pulse\",\n \"energy_pulse_1\",\n \"energy_pulse_2\",\n \"energy_pulse_3\",\n \"energy_pulse_4\",\n ],\n organ: [\"hit_flesh\", \"hit_flesh_1\", \"hit_flesh_2\", \"body_realistic_sound\"],\n viscosity: [\"hit_flesh_3\", \"hit_flesh_4\"],\n};\n\n/\n ParticleAudio3D - Lightweight audio coordination for particle effects\n \n Features:\n * - Debounced audio triggers (max 1 per 100ms per type)\n * - Intensity-based volume scaling\n * - Random sound variant selection\n * - Uses existing audio assets only\n * - No Three.js rendering (pure coordination logic)\n /\nexport const ParticleAudio3D: React.FC<ParticleAudio3DProps> = ({\n triggers,\n enabled = true,\n onTriggerProcessed,\n}) => {\n const audio = useAudio();\n\n const lastTriggerTime = useRef<Record<ParticleEffectType, number>>({\n arterial: 0,\n bone: 0,\n nerve: 0,\n organ: 0,\n viscosity: 0,\n });\n\n const processedTimestamps = useRef<Set<number>>(new Set());\n\n useEffect(() => {\n if (!enabled \|\| !audio.isInitialized) return;\n\n const now = Date.now();\n\n triggers.forEach((trigger) => {\n if (processedTimestamps.current.has(trigger.timestamp)) {\n return;\n }\n\n const lastTime = lastTriggerTime.current[trigger.effectType];\n if (now - lastTime < DEBOUNCE_TIME) {\n return;\n }\n\n const soundIds = SOUND_MAPPINGS[trigger.effectType];\n const soundId = soundIds[Math.floor(Math.random() soundIds.length)];\n\n try {\n audio.playSFX(soundId);\n } catch (error) {\n console.warn(`Failed to play particle audio: ${soundId}`, error);\n }\n\n lastTriggerTime.current[trigger.effectType] = now;\n processedTimestamps.current.add(trigger.timestamp);\n\n onTriggerProcessed?.(trigger.timestamp);\n });\n\n if (processedTimestamps.current.size > 1000) {\n const timestamps = Array.from(processedTimestamps.current).sort(\n (a, b) => b - a,\n );\n processedTimestamps.current = new Set(timestamps.slice(0, 500));\n }\n }, [triggers, enabled, audio, onTriggerProcessed]);\n\n return null;\n};\n\n/*\n Helper function to create audio triggers from particle effects\n */\nexport function createAudioTrigger(\n effectType: ParticleEffectType,\n intensity: number,\n): ParticleAudioTrigger {\n return {\n effectType,\n intensity: Math.max(0, Math.min(1, intensity)),\n timestamp: Date.now(),\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAiDA,IAAM,gBAAgB;AAEtB,IAAM,iBAAuD;CAC3D,UAAU;EACR;EACA;EACA;EACA;EACA;CACF;CACA,MAAM;EACJ;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EACL;EACA;EACA;EACA;EACA;CACF;CACA,OAAO;EAAC;EAAa;EAAe;EAAe;CAAsB;CACzE,WAAW,CAAC,eAAe,aAAa;AAC1C;;;;;;;;;;;AAYA,IAAa,mBAAmD,EAC9D,UACA,UAAU,MACV,yBACI;CACJ,MAAM,QAAQ,SAAS;CAEvB,MAAM,kBAAkB,OAA2C;EACjE,UAAU;EACV,MAAM;EACN,OAAO;EACP,OAAO;EACP,WAAW;CACb,CAAC;CAED,MAAM,sBAAsB,uBAAoB,IAAI,IAAI,CAAC;CAEzD,gBAAgB;EACd,IAAI,CAAC,WAAW,CAAC,MAAM,eAAe;EAEtC,MAAM,MAAM,KAAK,IAAI;EAErB,SAAS,SAAS,YAAY;GAC5B,IAAI,oBAAoB,QAAQ,IAAI,QAAQ,SAAS,GACnD;GAIF,IAAI,MADa,gBAAgB,QAAQ,QAAQ,cAC5B,eACnB;GAGF,MAAM,WAAW,eAAe,QAAQ;GACxC,MAAM,UAAU,SAAS,KAAK,MAAM,KAAK,OAAO,IAAI,SAAS,MAAM;GAEnE,IAAI;IACF,MAAM,QAAQ,OAAO;GACvB,SAAS,OAAO;IACd,QAAQ,KAAK,kCAAkC,WAAW,KAAK;GACjE;GAEA,gBAAgB,QAAQ,QAAQ,cAAc;GAC9C,oBAAoB,QAAQ,IAAI,QAAQ,SAAS;GAEjD,qBAAqB,QAAQ,SAAS;EACxC,CAAC;EAED,IAAI,oBAAoB,QAAQ,OAAO,KAAM;GAC3C,MAAM,aAAa,MAAM,KAAK,oBAAoB,OAAO,EAAE,MACxD,GAAG,MAAM,IAAI,CAChB;GACA,oBAAoB,UAAU,IAAI,IAAI,WAAW,MAAM,GAAG,GAAG,CAAC;EAChE;CACF,GAAG;EAAC;EAAU;EAAS;EAAO;CAAkB,CAAC;CAEjD,OAAO;AACT"}

package/lib/components/screens/combat/components/effects/TraumaOverlay3D.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TraumaOverlay3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/TraumaOverlay3D.tsx"],"sourcesContent":["/*\n TraumaOverlay3D - Bruising and injury visualization system\n \n Renders progressive bruising, cuts, and bone fracture indicators on 3D character models\n * using shader-based texture overlays with color blending. Bruises darken with repeated\n * hits to the same body region and persist across combat rounds.\n \n Features:\n * - Progressive bruising (purple/black gradients)\n * - Cut/laceration marks for sharp strikes\n * - Bone fracture indicators at <30% health\n * - Injury persistence across rounds\n * - Korean-themed injury visualization\n \n @module components/combat/TraumaOverlay3D\n * @category Combat Effects\n * @korean 외상오버레이3D\n /\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo } from \"react\";\nimport as THREE from \"three\";\nimport { KOREAN_COLORS, FONT_FAMILY } from \"../../../../../types/constants\";\nimport { hexToRgbaString } from \"../../../../../utils/colorUtils\";\nimport { InjuryType, Injury } from \"../../../../../types/injury\";\n\n/*\n Props for TraumaOverlay3D component\n /\nexport interface TraumaOverlay3DProps {\n /* Character ID for injury tracking /\n readonly playerId: string;\n /* Current health (0-100) /\n readonly health: number;\n /* Active injuries to visualize /\n readonly injuries: readonly Injury[];\n /* Character position in world space /\n readonly characterPosition: [number, number, number];\n /* Whether character is mobile (simplified visualization) /\n readonly isMobile?: boolean;\n /* Whether to show fracture indicators /\n readonly showFractures?: boolean;\n}\n\nexport { InjuryType };\nexport type { Injury };\n\n/\n Color constants for injury visualization\n /\nconst INJURY_COLORS = {\n BRUISE_FRESH: 0x8B0000, // Dark red (fresh bruise)\n BRUISE_OLD: 0x4B0082, // Indigo (aging bruise)\n BRUISE_SEVERE: 0x000000, // Black (severe bruising)\n CUT_COLOR: 0xFF0000, // Bright red (cut)\n FRACTURE_INDICATOR: KOREAN_COLORS.ACCENT_GOLD, // Gold (bone fracture)\n} as const;\n\n/\n Get bruise color based on severity and hit count\n /\nconst getBruiseColor = (severity: number, hitCount: number): number => {\n if (hitCount >= 3 \|\| severity > 0.8) {\n return INJURY_COLORS.BRUISE_SEVERE; // Black for severe/repeated trauma\n } else if (hitCount >= 2 \|\| severity > 0.5) {\n return INJURY_COLORS.BRUISE_OLD; // Indigo for moderate bruising\n } else {\n return INJURY_COLORS.BRUISE_FRESH; // Dark red for fresh bruise\n }\n};\n\n/\n Get injury size based on severity\n /\nconst getInjurySize = (severity: number): number => {\n return 0.1 + severity 0.3; // 0.1 to 0.4 units\n};\n\n/*\n InjuryMarker - Individual injury visualization\n /\nconst InjuryMarker: React.FC<{\n injury: Injury;\n characterPosition: [number, number, number];\n isMobile: boolean;\n}> = ({ injury, characterPosition, isMobile }) => {\n const worldPosition: [number, number, number] = useMemo(() => {\n return [\n characterPosition[0] + injury.position[0],\n characterPosition[1] + injury.position[1],\n characterPosition[2] + injury.position[2],\n ];\n }, [characterPosition, injury.position]);\n\n const size = useMemo(() => getInjurySize(injury.severity), [injury.severity]);\n\n switch (injury.type) {\n case InjuryType.BRUISE: {\n const color = getBruiseColor(injury.severity, injury.hitCount);\n const opacity = Math.min(0.8, 0.3 + injury.severity 0.5);\n\n return (\n <mesh position={worldPosition} data-testid={`injury-${injury.id}`}>\n <sphereGeometry args={[size, isMobile ? 8 : 16, isMobile ? 8 : 16]} />\n <meshBasicMaterial\n color={color}\n transparent\n opacity={opacity}\n depthTest={true}\n />\n </mesh>\n );\n }\n\n case InjuryType.CUT:\n case InjuryType.LACERATION: {\n const cutLength = injury.type === InjuryType.LACERATION ? size * 3 : size * 2;\n return (\n <group position={worldPosition} data-testid={`injury-${injury.id}`}>\n {/* Cut mark - thin red line /}\n <mesh>\n <boxGeometry args={[cutLength, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.CUT_COLOR}\n transparent\n opacity={0.9}\n />\n </mesh>\n {/ Blood trail for lacerations /}\n {injury.type === InjuryType.LACERATION && (\n <mesh position={[0, -size 0.5, 0]}>\n <boxGeometry args={[0.02, size, 0.02]} />\n <meshBasicMaterial\n color={KOREAN_COLORS.BLOODLOSS_INDICATOR}\n transparent\n opacity={0.7}\n />\n </mesh>\n )}\n </group>\n );\n }\n\n case InjuryType.FRACTURE: {\n return (\n <group position={worldPosition} data-testid={`injury-${injury.id}`}>\n {/* Fracture indicator - pulsing gold ring /}\n <mesh rotation={[-Math.PI / 2, 0, 0]}>\n <ringGeometry args={[size 0.8, size, 16]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.6}\n side={THREE.DoubleSide}\n />\n </mesh>\n {/* Cross indicator /}\n <mesh>\n <boxGeometry args={[size 2, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.8}\n />\n </mesh>\n <mesh rotation={[0, 0, Math.PI / 2]}>\n <boxGeometry args={[size * 2, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.8}\n />\n </mesh>\n </group>\n );\n }\n\n default:\n return null;\n }\n};\n\n/*\n FractureWarning - Html overlay warning for critical bone damage\n * \n * Rendered as a styled Html overlay with Korean/English text and alert semantics.\n /\nconst FractureWarning: React.FC<{\n health: number;\n isMobile: boolean;\n}> = ({ health, isMobile }) => {\n const warningOpacity = useMemo(() => {\n const rawOpacity = 0.5 + (30 - health) / 60; // 0.5 at 30% health, 1.0 at 0% health\n return Math.min(1, Math.max(0, rawOpacity));\n }, [health]);\n\n if (health >= 30) return null;\n\n return (\n <Html center position={[0, 2.5, 0]}>\n <div\n style={{\n padding: isMobile ? \"8px 12px\" : \"10px 16px\",\n backgroundColor: hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, warningOpacity 0.3),\n border: `2px solid ${hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, 1)}`,\n borderRadius: \"6px\",\n fontSize: isMobile ? \"12px\" : \"14px\",\n color: hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, 1),\n fontWeight: \"bold\",\n textShadow: \"0 0 4px rgba(0,0,0,0.8)\",\n animation: \"fracturePulse 1s ease-in-out infinite\",\n fontFamily: FONT_FAMILY.KOREAN,\n }}\n data-testid=\"fracture-warning\"\n role=\"alert\"\n aria-live=\"assertive\"\n >\n ⚠️ 골절위험 \| Bone Fracture Risk\n </div>\n <style>\n {`\n @keyframes fracturePulse {\n 0%, 100% { opacity: 0.7; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.05); }\n }\n `}\n </style>\n </Html>\n );\n};\n\n/*\n TraumaOverlay3D Component\n \n Visualizes progressive combat trauma including bruising, cuts, and bone damage\n * on 3D character models. Injuries persist across rounds and darken with repeated\n * hits to the same body region.\n \n @example\n * ```tsx\n * const [injuries, setInjuries] = useState<Injury[]>([]);\n \n // On hit event\n * const handleHit = (region: BodyRegion, position: [number, number, number], type: InjuryType) => {\n * const existingInjury = injuries.find(i => \n * i.region === region && \n * distance(i.position, position) < 0.2\n * );\n \n if (existingInjury) {\n * // Progressive bruising - increase hit count\n * setInjuries(prev => prev.map(i => \n * i.id === existingInjury.id \n * ? { ...i, hitCount: i.hitCount + 1, severity: Math.min(1.0, i.severity + 0.2) }\n * : i\n * ));\n * } else {\n * // New injury\n * setInjuries([...injuries, {\n * id: generateId(),\n * region,\n * type,\n * position,\n * severity: 0.5,\n * hitCount: 1,\n * timestamp: Date.now(),\n * }]);\n * }\n * };\n \n <TraumaOverlay3D\n * playerId={playerId}\n * health={playerHealth}\n * injuries={injuries}\n * characterPosition={characterPosition}\n * isMobile={isMobile}\n * showFractures={true}\n * />\n * ```\n /\nexport const TraumaOverlay3D: React.FC<TraumaOverlay3DProps> = ({\n playerId,\n health,\n injuries,\n characterPosition,\n isMobile = false,\n showFractures = true,\n}) => {\n const playerInjuries = useMemo(() => {\n if (playerId === null \|\| playerId === undefined) {\n return injuries;\n }\n\n return injuries.filter((injury) => {\n if (injury.playerId === null \|\| injury.playerId === undefined) {\n return true;\n }\n return injury.playerId === playerId;\n });\n }, [injuries, playerId]);\n\n const { fractures, otherInjuries } = useMemo(() => {\n const frac = playerInjuries.filter((i) => i.type === InjuryType.FRACTURE);\n const other = playerInjuries.filter((i) => i.type !== InjuryType.FRACTURE);\n return { fractures: frac, otherInjuries: other };\n }, [playerInjuries]);\n\n return (\n <group data-testid={`trauma-overlay-${playerId}`}>\n {/ Render non-fracture injuries /}\n {otherInjuries.map((injury) => (\n <InjuryMarker\n key={injury.id}\n injury={injury}\n characterPosition={characterPosition}\n isMobile={isMobile}\n />\n ))}\n\n {/ Render fractures if enabled and health is critical /}\n {showFractures &&\n health < 30 &&\n fractures.map((injury) => (\n <InjuryMarker\n key={injury.id}\n injury={injury}\n characterPosition={characterPosition}\n isMobile={isMobile}\n />\n ))}\n\n {/ Fracture warning overlay */}\n {showFractures && health < 30 && fractures.length > 0 && (\n <FractureWarning health={health} isMobile={isMobile} />\n )}\n </group>\n );\n};\n\nexport default TraumaOverlay3D;\n"],"mappings":"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"}
1	+ {"version":3,"file":"TraumaOverlay3D.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/effects/TraumaOverlay3D.tsx"],"sourcesContent":["/*\n TraumaOverlay3D - Bruising and injury visualization system\n \n Renders progressive bruising, cuts, and bone fracture indicators on 3D character models\n * using shader-based texture overlays with color blending. Bruises darken with repeated\n * hits to the same body region and persist across combat rounds.\n \n Features:\n * - Progressive bruising (purple/black gradients)\n * - Cut/laceration marks for sharp strikes\n * - Bone fracture indicators at <30% health\n * - Injury persistence across rounds\n * - Korean-themed injury visualization\n \n @module components/combat/TraumaOverlay3D\n * @category Combat Effects\n * @korean 외상오버레이3D\n /\n\nimport { Html } from \"@react-three/drei\";\nimport React, { useMemo } from \"react\";\nimport as THREE from \"three\";\nimport { KOREAN_COLORS, FONT_FAMILY } from \"../../../../../types/constants\";\nimport { hexToRgbaString } from \"../../../../../utils/colorUtils\";\nimport { InjuryType, Injury } from \"../../../../../types/injury\";\n\n/*\n Props for TraumaOverlay3D component\n /\nexport interface TraumaOverlay3DProps {\n /* Character ID for injury tracking /\n readonly playerId: string;\n /* Current health (0-100) /\n readonly health: number;\n /* Active injuries to visualize /\n readonly injuries: readonly Injury[];\n /* Character position in world space /\n readonly characterPosition: [number, number, number];\n /* Whether character is mobile (simplified visualization) /\n readonly isMobile?: boolean;\n /* Whether to show fracture indicators /\n readonly showFractures?: boolean;\n}\n\nexport { InjuryType };\nexport type { Injury };\n\n/\n Color constants for injury visualization\n /\nconst INJURY_COLORS = {\n BRUISE_FRESH: 0x8B0000, // Dark red (fresh bruise)\n BRUISE_OLD: 0x4B0082, // Indigo (aging bruise)\n BRUISE_SEVERE: 0x000000, // Black (severe bruising)\n CUT_COLOR: 0xFF0000, // Bright red (cut)\n FRACTURE_INDICATOR: KOREAN_COLORS.ACCENT_GOLD, // Gold (bone fracture)\n} as const;\n\n/\n Get bruise color based on severity and hit count\n /\nconst getBruiseColor = (severity: number, hitCount: number): number => {\n if (hitCount >= 3 \|\| severity > 0.8) {\n return INJURY_COLORS.BRUISE_SEVERE; // Black for severe/repeated trauma\n } else if (hitCount >= 2 \|\| severity > 0.5) {\n return INJURY_COLORS.BRUISE_OLD; // Indigo for moderate bruising\n } else {\n return INJURY_COLORS.BRUISE_FRESH; // Dark red for fresh bruise\n }\n};\n\n/\n Get injury size based on severity\n /\nconst getInjurySize = (severity: number): number => {\n return 0.1 + severity 0.3; // 0.1 to 0.4 units\n};\n\n/*\n InjuryMarker - Individual injury visualization\n /\nconst InjuryMarker: React.FC<{\n injury: Injury;\n characterPosition: [number, number, number];\n isMobile: boolean;\n}> = ({ injury, characterPosition, isMobile }) => {\n const worldPosition: [number, number, number] = useMemo(() => {\n return [\n characterPosition[0] + injury.position[0],\n characterPosition[1] + injury.position[1],\n characterPosition[2] + injury.position[2],\n ];\n }, [characterPosition, injury.position]);\n\n const size = useMemo(() => getInjurySize(injury.severity), [injury.severity]);\n\n switch (injury.type) {\n case InjuryType.BRUISE: {\n const color = getBruiseColor(injury.severity, injury.hitCount);\n const opacity = Math.min(0.8, 0.3 + injury.severity 0.5);\n\n return (\n <mesh position={worldPosition} data-testid={`injury-${injury.id}`}>\n <sphereGeometry args={[size, isMobile ? 8 : 16, isMobile ? 8 : 16]} />\n <meshBasicMaterial\n color={color}\n transparent\n opacity={opacity}\n depthTest={true}\n />\n </mesh>\n );\n }\n\n case InjuryType.CUT:\n case InjuryType.LACERATION: {\n const cutLength = injury.type === InjuryType.LACERATION ? size * 3 : size * 2;\n return (\n <group position={worldPosition} data-testid={`injury-${injury.id}`}>\n {/* Cut mark - thin red line /}\n <mesh>\n <boxGeometry args={[cutLength, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.CUT_COLOR}\n transparent\n opacity={0.9}\n />\n </mesh>\n {/ Blood trail for lacerations /}\n {injury.type === InjuryType.LACERATION && (\n <mesh position={[0, -size 0.5, 0]}>\n <boxGeometry args={[0.02, size, 0.02]} />\n <meshBasicMaterial\n color={KOREAN_COLORS.BLOODLOSS_INDICATOR}\n transparent\n opacity={0.7}\n />\n </mesh>\n )}\n </group>\n );\n }\n\n case InjuryType.FRACTURE: {\n return (\n <group position={worldPosition} data-testid={`injury-${injury.id}`}>\n {/* Fracture indicator - pulsing gold ring /}\n <mesh rotation={[-Math.PI / 2, 0, 0]}>\n <ringGeometry args={[size 0.8, size, 16]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.6}\n side={THREE.DoubleSide}\n />\n </mesh>\n {/* Cross indicator /}\n <mesh>\n <boxGeometry args={[size 2, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.8}\n />\n </mesh>\n <mesh rotation={[0, 0, Math.PI / 2]}>\n <boxGeometry args={[size * 2, 0.02, 0.02]} />\n <meshBasicMaterial\n color={INJURY_COLORS.FRACTURE_INDICATOR}\n transparent\n opacity={0.8}\n />\n </mesh>\n </group>\n );\n }\n\n default:\n return null;\n }\n};\n\n/*\n FractureWarning - Html overlay warning for critical bone damage\n * \n * Rendered as a styled Html overlay with Korean/English text and alert semantics.\n /\nconst FractureWarning: React.FC<{\n health: number;\n isMobile: boolean;\n}> = ({ health, isMobile }) => {\n const warningOpacity = useMemo(() => {\n const rawOpacity = 0.5 + (30 - health) / 60; // 0.5 at 30% health, 1.0 at 0% health\n return Math.min(1, Math.max(0, rawOpacity));\n }, [health]);\n\n if (health >= 30) return null;\n\n return (\n <Html center position={[0, 2.5, 0]}>\n <div\n style={{\n padding: isMobile ? \"8px 12px\" : \"10px 16px\",\n backgroundColor: hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, warningOpacity 0.3),\n border: `2px solid ${hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, 1)}`,\n borderRadius: \"6px\",\n fontSize: isMobile ? \"12px\" : \"14px\",\n color: hexToRgbaString(INJURY_COLORS.FRACTURE_INDICATOR, 1),\n fontWeight: \"bold\",\n textShadow: \"0 0 4px rgba(0,0,0,0.8)\",\n animation: \"fracturePulse 1s ease-in-out infinite\",\n fontFamily: FONT_FAMILY.KOREAN,\n }}\n data-testid=\"fracture-warning\"\n role=\"alert\"\n aria-live=\"assertive\"\n >\n ⚠️ 골절위험 \| Bone Fracture Risk\n </div>\n <style>\n {`\n @keyframes fracturePulse {\n 0%, 100% { opacity: 0.7; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.05); }\n }\n `}\n </style>\n </Html>\n );\n};\n\n/*\n TraumaOverlay3D Component\n \n Visualizes progressive combat trauma including bruising, cuts, and bone damage\n * on 3D character models. Injuries persist across rounds and darken with repeated\n * hits to the same body region.\n \n @example\n * ```tsx\n * const [injuries, setInjuries] = useState<Injury[]>([]);\n \n // On hit event\n * const handleHit = (region: BodyRegion, position: [number, number, number], type: InjuryType) => {\n * const existingInjury = injuries.find(i => \n * i.region === region && \n * distance(i.position, position) < 0.2\n * );\n \n if (existingInjury) {\n * // Progressive bruising - increase hit count\n * setInjuries(prev => prev.map(i => \n * i.id === existingInjury.id \n * ? { ...i, hitCount: i.hitCount + 1, severity: Math.min(1.0, i.severity + 0.2) }\n * : i\n * ));\n * } else {\n * // New injury\n * setInjuries([...injuries, {\n * id: generateId(),\n * region,\n * type,\n * position,\n * severity: 0.5,\n * hitCount: 1,\n * timestamp: Date.now(),\n * }]);\n * }\n * };\n \n <TraumaOverlay3D\n * playerId={playerId}\n * health={playerHealth}\n * injuries={injuries}\n * characterPosition={characterPosition}\n * isMobile={isMobile}\n * showFractures={true}\n * />\n * ```\n /\nexport const TraumaOverlay3D: React.FC<TraumaOverlay3DProps> = ({\n playerId,\n health,\n injuries,\n characterPosition,\n isMobile = false,\n showFractures = true,\n}) => {\n const playerInjuries = useMemo(() => {\n if (playerId === null \|\| playerId === undefined) {\n return injuries;\n }\n\n return injuries.filter((injury) => {\n if (injury.playerId === null \|\| injury.playerId === undefined) {\n return true;\n }\n return injury.playerId === playerId;\n });\n }, [injuries, playerId]);\n\n const { fractures, otherInjuries } = useMemo(() => {\n const frac = playerInjuries.filter((i) => i.type === InjuryType.FRACTURE);\n const other = playerInjuries.filter((i) => i.type !== InjuryType.FRACTURE);\n return { fractures: frac, otherInjuries: other };\n }, [playerInjuries]);\n\n return (\n <group data-testid={`trauma-overlay-${playerId}`}>\n {/ Render non-fracture injuries /}\n {otherInjuries.map((injury) => (\n <InjuryMarker\n key={injury.id}\n injury={injury}\n characterPosition={characterPosition}\n isMobile={isMobile}\n />\n ))}\n\n {/ Render fractures if enabled and health is critical /}\n {showFractures &&\n health < 30 &&\n fractures.map((injury) => (\n <InjuryMarker\n key={injury.id}\n injury={injury}\n characterPosition={characterPosition}\n isMobile={isMobile}\n />\n ))}\n\n {/ Fracture warning overlay */}\n {showFractures && health < 30 && fractures.length > 0 && (\n <FractureWarning health={health} isMobile={isMobile} />\n )}\n </group>\n );\n};\n\nexport default TraumaOverlay3D;\n"],"mappings":"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"}

package/lib/components/screens/combat/components/feedback/MatchCountdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MatchCountdown.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/MatchCountdown.tsx"],"sourcesContent":["/*\n MatchCountdown Component - Displays match start countdown sequence\n \n Korean: 매치 시작 카운트다운 (Match Start Countdown)\n \n Shows \"Ready?\" → \"3... 2... 1...\" → \"Fight!\" sequence with animations.\n * Implements Korean cyberpunk aesthetic with bilingual text support.\n * Plays audio cues for countdown and fight announcement.\n \n Refactored to use useKoreanTheme for consistent styling.\n \n @module components/combat/MatchCountdown\n * @category Combat UI\n /\n\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport { useAudio } from \"../../../../../audio/AudioProvider\";\nimport {\n MatchCountdownState,\n useMatchCountdown,\n} from \"../../../../../hooks/useMatchCountdown\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\nimport { hexColorToCSS } from \"../../../../../utils/colorUtils\";\n\n/\n Props for the MatchCountdown component\n /\nexport interface MatchCountdownProps {\n /* Callback when countdown completes /\n readonly onComplete: () => void;\n /* Whether layout should adapt for mobile screens /\n readonly isMobile: boolean;\n /* Optional callback for skip button /\n readonly onSkip?: () => void;\n /* Whether skip button should be shown /\n readonly showSkip?: boolean;\n}\n\n/\n Get display text for current countdown state\n /\nfunction getDisplayText(\n state: MatchCountdownState,\n currentNumber: number\n): {\n ko: string;\n en: string;\n} \| null {\n switch (state) {\n case \"ready\":\n return { ko: \"준비?\", en: \"Ready?\" };\n case \"counting\":\n return { ko: String(currentNumber), en: String(currentNumber) };\n case \"fight\":\n return { ko: \"전투!\", en: \"Fight!\" };\n default:\n return null;\n }\n}\n\n/\n MatchCountdown Component\n \n Displays match start countdown with:\n * - \"Ready?\" announcement (1 second)\n * - Countdown from 3 to 1 (1 second intervals)\n * - \"Fight!\" announcement (1 second)\n * - Pulse/scale animations for emphasis\n * - Bilingual Korean-English text\n * - Audio cues for countdown and fight\n * - Optional skip button\n * - Responsive sizing for mobile/tablet/desktop\n \n Korean: 매치 시작 카운트다운 컴포넌트\n /\nconst COUNTDOWN_CONFIG = {\n readyDuration: 1,\n countdownInterval: 1,\n fightDuration: 1,\n startNumber: 3,\n} as const;\n\nexport const MatchCountdown: React.FC<MatchCountdownProps> = ({\n onComplete,\n isMobile,\n onSkip,\n showSkip = false,\n}) => {\n const audio = useAudio();\n const theme = useKoreanTheme({ variant: \"primary\", size: \"xlarge\", isMobile });\n\n const { state, currentNumber, startCountdown, skipCountdown, isActive } =\n useMatchCountdown(COUNTDOWN_CONFIG, onComplete);\n\n const hasStartedRef = useRef(false);\n\n useEffect(() => {\n if (!hasStartedRef.current) {\n hasStartedRef.current = true;\n startCountdown();\n }\n }, [startCountdown]);\n\n useEffect(() => {\n if (!audio.isAudioReady) return;\n\n if (state === \"counting\" && currentNumber > 0) {\n audio.playSFX(\"attack_light\"); // Using placeholder - will be countdown_beep\n } else if (state === \"fight\") {\n audio.playSFX(\"attack_heavy\"); // Using placeholder - will be fight_start\n }\n }, [state, currentNumber, audio]);\n\n const handleSkip = () => {\n skipCountdown();\n onSkip?.();\n };\n\n const displayText = getDisplayText(state, currentNumber);\n\n const getMainFontSize = (): string => {\n if (isMobile) {\n return state === \"fight\" ? \"72px\" : \"64px\";\n }\n return state === \"fight\" ? \"120px\" : \"96px\";\n };\n\n const getSubFontSize = (): string => {\n if (isMobile) {\n return state === \"fight\" ? \"48px\" : \"40px\";\n }\n return state === \"fight\" ? \"72px\" : \"56px\";\n };\n\n const mainFontSize = getMainFontSize();\n const subFontSize = getSubFontSize();\n\n const goldColor = useMemo(() => hexColorToCSS(theme.colors.ACCENT_GOLD), [theme.colors.ACCENT_GOLD]);\n const cyanColor = useMemo(\n () => hexColorToCSS(theme.colors.PRIMARY_CYAN),\n [theme.colors.PRIMARY_CYAN]\n );\n const darkBg = useMemo(\n () => hexColorToCSS(theme.colors.UI_BACKGROUND_DARK),\n [theme.colors.UI_BACKGROUND_DARK]\n );\n\n if (!isActive \|\| !displayText) {\n return null;\n }\n\n return (\n <>\n <div\n data-testid=\"match-countdown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Match countdown in progress\"\n aria-live=\"assertive\"\n style={{\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: state === \"fight\" ? `${darkBg}cc` : `${darkBg}ee`,\n zIndex: 1000,\n animation: state === \"ready\" ? \"fadeIn 0.3s ease-in\" : \"none\",\n }}\n >\n <div\n style={{\n fontSize: mainFontSize,\n fontWeight: \"bold\",\n color: state === \"fight\" ? goldColor : cyanColor,\n fontFamily: theme.fontFamily.KOREAN,\n textShadow: `0 0 ${state === \"fight\" ? \"40px\" : \"30px\"} ${\n state === \"fight\" ? goldColor : cyanColor\n }`,\n animation:\n state === \"ready\"\n ? \"pulse 0.8s ease-out\"\n : state === \"counting\"\n ? \"countdownPulse 0.8s ease-out\"\n : state === \"fight\"\n ? \"flash 0.3s ease-out\"\n : \"none\",\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n data-testid=\"countdown-text\"\n >\n {displayText.ko}\n <br />\n <span\n style={{\n fontSize: subFontSize,\n }}\n >\n {displayText.en}\n </span>\n </div>\n\n {/ Optional Skip Button /}\n {showSkip && state !== \"fight\" && (\n <button\n onClick={handleSkip}\n data-testid=\"skip-countdown-button\"\n aria-label=\"Skip countdown\"\n style={{\n position: \"absolute\",\n bottom: isMobile ? \"40px\" : \"60px\",\n padding: isMobile ? \"10px 24px\" : \"12px 32px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n backgroundColor: cyanColor,\n color: darkBg,\n border: \"none\",\n borderRadius: \"6px\",\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n cursor: \"pointer\",\n transition: \"all 0.2s ease\",\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"scale(1.05)\";\n e.currentTarget.style.boxShadow = `0 0 20px ${cyanColor}`;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n e.currentTarget.style.boxShadow = \"none\";\n }}\n onFocus={(e) => {\n e.currentTarget.style.transform = \"scale(1.05)\";\n e.currentTarget.style.boxShadow = `0 0 20px ${cyanColor}`;\n e.currentTarget.style.outline = `2px solid ${cyanColor}`;\n }}\n onBlur={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n e.currentTarget.style.boxShadow = \"none\";\n e.currentTarget.style.outline = \"none\";\n }}\n >\n 건너뛰기 \| Skip\n </button>\n )}\n </div>\n\n {/ CSS Animations */}\n <style>\n {`\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes pulse {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 50% {\n opacity: 1;\n transform: scale(1.05);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes countdownPulse {\n 0% {\n opacity: 0;\n transform: scale(1.2);\n }\n 50% {\n opacity: 1;\n transform: scale(1.1);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes flash {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n 30% {\n opacity: 1;\n transform: scale(1.3);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n `}\n </style>\n </>\n );\n};\n\nexport default MatchCountdown;\n"],"mappings":"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"}
1	+ {"version":3,"file":"MatchCountdown.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/MatchCountdown.tsx"],"sourcesContent":["/*\n MatchCountdown Component - Displays match start countdown sequence\n \n Korean: 매치 시작 카운트다운 (Match Start Countdown)\n \n Shows \"Ready?\" → \"3... 2... 1...\" → \"Fight!\" sequence with animations.\n * Implements Korean cyberpunk aesthetic with bilingual text support.\n * Plays audio cues for countdown and fight announcement.\n \n Refactored to use useKoreanTheme for consistent styling.\n \n @module components/combat/MatchCountdown\n * @category Combat UI\n /\n\nimport React, { useEffect, useMemo, useRef } from \"react\";\nimport { useAudio } from \"../../../../../audio/AudioProvider\";\nimport {\n MatchCountdownState,\n useMatchCountdown,\n} from \"../../../../../hooks/useMatchCountdown\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\nimport { hexColorToCSS } from \"../../../../../utils/colorUtils\";\n\n/\n Props for the MatchCountdown component\n /\nexport interface MatchCountdownProps {\n /* Callback when countdown completes /\n readonly onComplete: () => void;\n /* Whether layout should adapt for mobile screens /\n readonly isMobile: boolean;\n /* Optional callback for skip button /\n readonly onSkip?: () => void;\n /* Whether skip button should be shown /\n readonly showSkip?: boolean;\n}\n\n/\n Get display text for current countdown state\n /\nfunction getDisplayText(\n state: MatchCountdownState,\n currentNumber: number\n): {\n ko: string;\n en: string;\n} \| null {\n switch (state) {\n case \"ready\":\n return { ko: \"준비?\", en: \"Ready?\" };\n case \"counting\":\n return { ko: String(currentNumber), en: String(currentNumber) };\n case \"fight\":\n return { ko: \"전투!\", en: \"Fight!\" };\n default:\n return null;\n }\n}\n\n/\n MatchCountdown Component\n \n Displays match start countdown with:\n * - \"Ready?\" announcement (1 second)\n * - Countdown from 3 to 1 (1 second intervals)\n * - \"Fight!\" announcement (1 second)\n * - Pulse/scale animations for emphasis\n * - Bilingual Korean-English text\n * - Audio cues for countdown and fight\n * - Optional skip button\n * - Responsive sizing for mobile/tablet/desktop\n \n Korean: 매치 시작 카운트다운 컴포넌트\n /\nconst COUNTDOWN_CONFIG = {\n readyDuration: 1,\n countdownInterval: 1,\n fightDuration: 1,\n startNumber: 3,\n} as const;\n\nexport const MatchCountdown: React.FC<MatchCountdownProps> = ({\n onComplete,\n isMobile,\n onSkip,\n showSkip = false,\n}) => {\n const audio = useAudio();\n const theme = useKoreanTheme({ variant: \"primary\", size: \"xlarge\", isMobile });\n\n const { state, currentNumber, startCountdown, skipCountdown, isActive } =\n useMatchCountdown(COUNTDOWN_CONFIG, onComplete);\n\n const hasStartedRef = useRef(false);\n\n useEffect(() => {\n if (!hasStartedRef.current) {\n hasStartedRef.current = true;\n startCountdown();\n }\n }, [startCountdown]);\n\n useEffect(() => {\n if (!audio.isAudioReady) return;\n\n if (state === \"counting\" && currentNumber > 0) {\n audio.playSFX(\"attack_light\"); // Using placeholder - will be countdown_beep\n } else if (state === \"fight\") {\n audio.playSFX(\"attack_heavy\"); // Using placeholder - will be fight_start\n }\n }, [state, currentNumber, audio]);\n\n const handleSkip = () => {\n skipCountdown();\n onSkip?.();\n };\n\n const displayText = getDisplayText(state, currentNumber);\n\n const getMainFontSize = (): string => {\n if (isMobile) {\n return state === \"fight\" ? \"72px\" : \"64px\";\n }\n return state === \"fight\" ? \"120px\" : \"96px\";\n };\n\n const getSubFontSize = (): string => {\n if (isMobile) {\n return state === \"fight\" ? \"48px\" : \"40px\";\n }\n return state === \"fight\" ? \"72px\" : \"56px\";\n };\n\n const mainFontSize = getMainFontSize();\n const subFontSize = getSubFontSize();\n\n const goldColor = useMemo(() => hexColorToCSS(theme.colors.ACCENT_GOLD), [theme.colors.ACCENT_GOLD]);\n const cyanColor = useMemo(\n () => hexColorToCSS(theme.colors.PRIMARY_CYAN),\n [theme.colors.PRIMARY_CYAN]\n );\n const darkBg = useMemo(\n () => hexColorToCSS(theme.colors.UI_BACKGROUND_DARK),\n [theme.colors.UI_BACKGROUND_DARK]\n );\n\n if (!isActive \|\| !displayText) {\n return null;\n }\n\n return (\n <>\n <div\n data-testid=\"match-countdown\"\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label=\"Match countdown in progress\"\n aria-live=\"assertive\"\n style={{\n position: \"fixed\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: state === \"fight\" ? `${darkBg}cc` : `${darkBg}ee`,\n zIndex: 1000,\n animation: state === \"ready\" ? \"fadeIn 0.3s ease-in\" : \"none\",\n }}\n >\n <div\n style={{\n fontSize: mainFontSize,\n fontWeight: \"bold\",\n color: state === \"fight\" ? goldColor : cyanColor,\n fontFamily: theme.fontFamily.KOREAN,\n textShadow: `0 0 ${state === \"fight\" ? \"40px\" : \"30px\"} ${\n state === \"fight\" ? goldColor : cyanColor\n }`,\n animation:\n state === \"ready\"\n ? \"pulse 0.8s ease-out\"\n : state === \"counting\"\n ? \"countdownPulse 0.8s ease-out\"\n : state === \"fight\"\n ? \"flash 0.3s ease-out\"\n : \"none\",\n textAlign: \"center\",\n userSelect: \"none\",\n }}\n data-testid=\"countdown-text\"\n >\n {displayText.ko}\n <br />\n <span\n style={{\n fontSize: subFontSize,\n }}\n >\n {displayText.en}\n </span>\n </div>\n\n {/ Optional Skip Button /}\n {showSkip && state !== \"fight\" && (\n <button\n onClick={handleSkip}\n data-testid=\"skip-countdown-button\"\n aria-label=\"Skip countdown\"\n style={{\n position: \"absolute\",\n bottom: isMobile ? \"40px\" : \"60px\",\n padding: isMobile ? \"10px 24px\" : \"12px 32px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n backgroundColor: cyanColor,\n color: darkBg,\n border: \"none\",\n borderRadius: \"6px\",\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n cursor: \"pointer\",\n transition: \"all 0.2s ease\",\n }}\n onMouseEnter={(e) => {\n e.currentTarget.style.transform = \"scale(1.05)\";\n e.currentTarget.style.boxShadow = `0 0 20px ${cyanColor}`;\n }}\n onMouseLeave={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n e.currentTarget.style.boxShadow = \"none\";\n }}\n onFocus={(e) => {\n e.currentTarget.style.transform = \"scale(1.05)\";\n e.currentTarget.style.boxShadow = `0 0 20px ${cyanColor}`;\n e.currentTarget.style.outline = `2px solid ${cyanColor}`;\n }}\n onBlur={(e) => {\n e.currentTarget.style.transform = \"scale(1)\";\n e.currentTarget.style.boxShadow = \"none\";\n e.currentTarget.style.outline = \"none\";\n }}\n >\n 건너뛰기 \| Skip\n </button>\n )}\n </div>\n\n {/ CSS Animations */}\n <style>\n {`\n @keyframes fadeIn {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n }\n\n @keyframes pulse {\n 0% {\n opacity: 0;\n transform: scale(0.9);\n }\n 50% {\n opacity: 1;\n transform: scale(1.05);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes countdownPulse {\n 0% {\n opacity: 0;\n transform: scale(1.2);\n }\n 50% {\n opacity: 1;\n transform: scale(1.1);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes flash {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n 30% {\n opacity: 1;\n transform: scale(1.3);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n }\n `}\n </style>\n </>\n );\n};\n\nexport default MatchCountdown;\n"],"mappings":"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"}

package/lib/components/screens/combat/components/feedback/RoundAnnouncementOverlayHtml.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoundAnnouncementOverlayHtml.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/RoundAnnouncementOverlayHtml.tsx"],"sourcesContent":["/*\n RoundAnnouncement Component - Displays round completion and transition UI\n \n Korean: 라운드 발표 (Round Announcement)\n \n Shows round winner, current score, statistics, and countdown to next round.\n * Implements Korean cyberpunk aesthetic with bilingual text support.\n \n Refactored to use useKoreanTheme for consistent styling.\n \n @module components/combat/RoundAnnouncement\n * @category Combat UI\n /\n\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { PlayerState } from \"../../../../../systems\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\nimport { hexColorToCSS } from \"../../../../../utils/colorUtils\";\n\n/\n Round statistics displayed between rounds\n \n Korean: 라운드 통계 (Round Statistics)\n /\nexport interface RoundStats {\n /* Total damage dealt by player /\n readonly damageDealt: number;\n /* Number of hits successfully landed /\n readonly hitsLanded: number;\n /* Number of vital points struck /\n readonly vitalPointsHit: number;\n /* Combat accuracy percentage /\n readonly accuracy: number;\n}\n\n/\n Props for the RoundAnnouncement component\n /\nexport interface RoundAnnouncementProps {\n /* Current round number (1-based) /\n readonly roundNumber: number;\n /* Round winner, or null if round was a draw /\n readonly roundWinner: PlayerState \| null;\n /* Current match score (player1 wins, player2 wins) /\n readonly currentScore: { readonly player1: number; readonly player2: number };\n /* Round statistics to display /\n readonly roundStats?: RoundStats;\n /* Callback when countdown completes /\n readonly onCountdownComplete: () => void;\n /* Callback when skip button is pressed /\n readonly onSkip: () => void;\n /* Whether layout should adapt for mobile screens /\n readonly isMobile: boolean;\n /* Total number of rounds in match (for match point detection) /\n readonly totalRounds?: number;\n /* Countdown duration in seconds /\n readonly countdownDuration?: number;\n}\n\n/\n RoundAnnouncement Component\n \n Displays round completion announcement with:\n * - Bilingual round completion title\n * - Round winner display\n * - Current match score\n * - Round statistics (damage, hits, accuracy)\n * - Countdown to next round\n * - Skip button for quick play\n * - Match point indicator for final rounds\n * - Uses useKoreanTheme for consistent styling\n \n Korean: 라운드 종료 발표 컴포넌트\n /\nexport const RoundAnnouncement: React.FC<RoundAnnouncementProps> = ({\n roundNumber,\n roundWinner,\n currentScore,\n roundStats,\n onCountdownComplete,\n onSkip,\n isMobile,\n totalRounds = 3,\n countdownDuration = 3,\n}) => {\n const theme = useKoreanTheme({ variant: \"primary\", size: \"large\", isMobile });\n const [countdown, setCountdown] = useState(countdownDuration);\n const [isVisible, setIsVisible] = useState(false);\n const hasCompletedRef = useRef(false);\n\n const onCountdownCompleteRef = useRef(onCountdownComplete);\n useEffect(() => {\n onCountdownCompleteRef.current = onCountdownComplete;\n }, [onCountdownComplete]);\n\n const handleCountdownComplete = useCallback(() => {\n onCountdownCompleteRef.current();\n }, []);\n\n useEffect(() => {\n const timer = setTimeout(() => setIsVisible(true), 50);\n return () => clearTimeout(timer);\n }, []);\n\n useEffect(() => {\n if (countdown <= 0) {\n if (!hasCompletedRef.current) {\n hasCompletedRef.current = true;\n handleCountdownComplete();\n }\n return;\n }\n\n const timer = setInterval(() => {\n setCountdown((prev) => {\n if (prev <= 1) {\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n\n return () => clearInterval(timer);\n }, [countdown, handleCountdownComplete]);\n\n const isMatchPoint = useMemo(() => {\n const maxScore = Math.max(currentScore.player1, currentScore.player2);\n const roundsToWin = Math.ceil(totalRounds / 2);\n return maxScore === roundsToWin - 1;\n }, [currentScore, totalRounds]);\n\n const goldColor = useMemo(\n () => hexColorToCSS(theme.colors.ACCENT_GOLD),\n [theme.colors.ACCENT_GOLD]\n );\n const cyanColor = useMemo(\n () => hexColorToCSS(theme.colors.PRIMARY_CYAN),\n [theme.colors.PRIMARY_CYAN]\n );\n const darkBg = useMemo(\n () => hexColorToCSS(theme.colors.UI_BACKGROUND_DARK),\n [theme.colors.UI_BACKGROUND_DARK]\n );\n const textSecondary = useMemo(\n () => hexColorToCSS(theme.colors.TEXT_SECONDARY),\n [theme.colors.TEXT_SECONDARY]\n );\n\n const containerStyle = useMemo(\n () => ({\n position: \"fixed\" as const,\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\" as const,\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: `${darkBg}dd`,\n zIndex: 1000,\n opacity: isVisible ? 1 : 0,\n transition: \"opacity 0.3s ease-in-out\",\n }),\n [darkBg, isVisible]\n );\n\n return (\n <div data-testid=\"round-announcement\" style={containerStyle}>\n {/ Match Point Indicator /}\n {isMatchPoint && (\n <div\n style={{\n fontSize: isMobile ? \"20px\" : \"28px\",\n color: goldColor,\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n marginBottom: isMobile ? \"10px\" : \"20px\",\n textShadow: `0 0 20px ${goldColor}`,\n animation: \"pulse 1s infinite\",\n }}\n data-testid=\"match-point-indicator\"\n >\n 매치 포인트! \| Match Point!\n </div>\n )}\n\n {/ Round Complete Title /}\n <h1\n style={{\n fontSize: isMobile ? \"36px\" : \"56px\",\n color: goldColor,\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n margin: `0 0 ${isMobile ? \"20px\" : \"30px\"} 0`,\n textShadow: `0 0 30px ${goldColor}`,\n textAlign: \"center\",\n }}\n data-testid=\"round-complete-title\"\n >\n 라운드 {roundNumber} 완료!\n <br />\n Round {roundNumber} Complete!\n </h1>\n\n {/ Round Winner /}\n {roundWinner && (\n <div\n style={{\n fontSize: isMobile ? \"24px\" : \"36px\",\n color: cyanColor,\n fontFamily: theme.fontFamily.KOREAN,\n margin: `0 0 ${isMobile ? \"20px\" : \"30px\"} 0`,\n textAlign: \"center\",\n }}\n data-testid=\"round-winner\"\n >\n 승자 \| Winner: {roundWinner.name.korean} \| {roundWinner.name.english}\n </div>\n )}\n\n {/ Current Score /}\n <div\n style={{\n display: \"flex\",\n gap: isMobile ? \"40px\" : \"80px\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n fontSize: isMobile ? \"32px\" : \"48px\",\n fontWeight: \"bold\",\n }}\n data-testid=\"current-score\"\n >\n <div style={{ textAlign: \"center\" }}>\n <div\n style={{\n fontSize: isMobile ? \"14px\" : \"18px\",\n color: cyanColor,\n marginBottom: \"8px\",\n }}\n >\n Player 1\n </div>\n <div style={{ color: goldColor }}>{currentScore.player1}</div>\n </div>\n <div style={{ color: cyanColor }}>-</div>\n <div style={{ textAlign: \"center\" }}>\n <div\n style={{\n fontSize: isMobile ? \"14px\" : \"18px\",\n color: cyanColor,\n marginBottom: \"8px\",\n }}\n >\n Player 2\n </div>\n <div style={{ color: goldColor }}>{currentScore.player2}</div>\n </div>\n </div>\n\n {/ Round Statistics /}\n {roundStats && (\n <div\n style={{\n display: \"flex\",\n flexDirection: isMobile ? \"column\" : \"row\",\n gap: isMobile ? \"12px\" : \"24px\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n color: textSecondary,\n fontFamily: theme.fontFamily.KOREAN,\n }}\n data-testid=\"round-stats\"\n >\n <div>피해량 \| Damage: {roundStats.damageDealt.toFixed(0)}</div>\n <div>명중 \| Hits: {roundStats.hitsLanded}</div>\n <div>급소타격 \| Vital Points: {roundStats.vitalPointsHit}</div>\n <div>정확도 \| Accuracy: {roundStats.accuracy.toFixed(1)}%</div>\n </div>\n )}\n\n {/ Countdown /}\n <div\n style={{\n fontSize: isMobile ? \"48px\" : \"72px\",\n color: goldColor,\n fontWeight: \"bold\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n textShadow: `0 0 40px ${goldColor}`,\n }}\n data-testid=\"countdown-display\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-label={`Countdown: ${countdown} seconds remaining`}\n >\n {countdown}\n </div>\n\n {/ Skip Button /}\n <button\n onClick={onSkip}\n data-testid=\"skip-countdown-button\"\n className=\"skip-countdown-button\"\n style={{\n padding: isMobile ? \"10px 24px\" : \"12px 32px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n backgroundColor: cyanColor,\n color: darkBg,\n border: \"none\",\n borderRadius: \"6px\",\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n cursor: \"pointer\",\n }}\n >\n 건너뛰기 \| Skip\n </button>\n\n {/ CSS Animation for pulse effect and button hover */}\n <style>\n {`\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.7;\n transform: scale(1.05);\n }\n }\n \n .skip-countdown-button {\n transition: all 0.2s ease;\n }\n \n .skip-countdown-button:hover {\n transform: scale(1.05);\n box-shadow: 0 0 20px ${cyanColor};\n }\n \n .skip-countdown-button:focus {\n outline: 2px solid ${cyanColor};\n outline-offset: 2px;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default RoundAnnouncement;\n"],"mappings":"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"}
1	+ {"version":3,"file":"RoundAnnouncementOverlayHtml.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/RoundAnnouncementOverlayHtml.tsx"],"sourcesContent":["/*\n RoundAnnouncement Component - Displays round completion and transition UI\n \n Korean: 라운드 발표 (Round Announcement)\n \n Shows round winner, current score, statistics, and countdown to next round.\n * Implements Korean cyberpunk aesthetic with bilingual text support.\n \n Refactored to use useKoreanTheme for consistent styling.\n \n @module components/combat/RoundAnnouncement\n * @category Combat UI\n /\n\nimport React, {\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from \"react\";\nimport { PlayerState } from \"../../../../../systems\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\nimport { hexColorToCSS } from \"../../../../../utils/colorUtils\";\n\n/\n Round statistics displayed between rounds\n \n Korean: 라운드 통계 (Round Statistics)\n /\nexport interface RoundStats {\n /* Total damage dealt by player /\n readonly damageDealt: number;\n /* Number of hits successfully landed /\n readonly hitsLanded: number;\n /* Number of vital points struck /\n readonly vitalPointsHit: number;\n /* Combat accuracy percentage /\n readonly accuracy: number;\n}\n\n/\n Props for the RoundAnnouncement component\n /\nexport interface RoundAnnouncementProps {\n /* Current round number (1-based) /\n readonly roundNumber: number;\n /* Round winner, or null if round was a draw /\n readonly roundWinner: PlayerState \| null;\n /* Current match score (player1 wins, player2 wins) /\n readonly currentScore: { readonly player1: number; readonly player2: number };\n /* Round statistics to display /\n readonly roundStats?: RoundStats;\n /* Callback when countdown completes /\n readonly onCountdownComplete: () => void;\n /* Callback when skip button is pressed /\n readonly onSkip: () => void;\n /* Whether layout should adapt for mobile screens /\n readonly isMobile: boolean;\n /* Total number of rounds in match (for match point detection) /\n readonly totalRounds?: number;\n /* Countdown duration in seconds /\n readonly countdownDuration?: number;\n}\n\n/\n RoundAnnouncement Component\n \n Displays round completion announcement with:\n * - Bilingual round completion title\n * - Round winner display\n * - Current match score\n * - Round statistics (damage, hits, accuracy)\n * - Countdown to next round\n * - Skip button for quick play\n * - Match point indicator for final rounds\n * - Uses useKoreanTheme for consistent styling\n \n Korean: 라운드 종료 발표 컴포넌트\n /\nexport const RoundAnnouncement: React.FC<RoundAnnouncementProps> = ({\n roundNumber,\n roundWinner,\n currentScore,\n roundStats,\n onCountdownComplete,\n onSkip,\n isMobile,\n totalRounds = 3,\n countdownDuration = 3,\n}) => {\n const theme = useKoreanTheme({ variant: \"primary\", size: \"large\", isMobile });\n const [countdown, setCountdown] = useState(countdownDuration);\n const [isVisible, setIsVisible] = useState(false);\n const hasCompletedRef = useRef(false);\n\n const onCountdownCompleteRef = useRef(onCountdownComplete);\n useEffect(() => {\n onCountdownCompleteRef.current = onCountdownComplete;\n }, [onCountdownComplete]);\n\n const handleCountdownComplete = useCallback(() => {\n onCountdownCompleteRef.current();\n }, []);\n\n useEffect(() => {\n const timer = setTimeout(() => setIsVisible(true), 50);\n return () => clearTimeout(timer);\n }, []);\n\n useEffect(() => {\n if (countdown <= 0) {\n if (!hasCompletedRef.current) {\n hasCompletedRef.current = true;\n handleCountdownComplete();\n }\n return;\n }\n\n const timer = setInterval(() => {\n setCountdown((prev) => {\n if (prev <= 1) {\n return 0;\n }\n return prev - 1;\n });\n }, 1000);\n\n return () => clearInterval(timer);\n }, [countdown, handleCountdownComplete]);\n\n const isMatchPoint = useMemo(() => {\n const maxScore = Math.max(currentScore.player1, currentScore.player2);\n const roundsToWin = Math.ceil(totalRounds / 2);\n return maxScore === roundsToWin - 1;\n }, [currentScore, totalRounds]);\n\n const goldColor = useMemo(\n () => hexColorToCSS(theme.colors.ACCENT_GOLD),\n [theme.colors.ACCENT_GOLD]\n );\n const cyanColor = useMemo(\n () => hexColorToCSS(theme.colors.PRIMARY_CYAN),\n [theme.colors.PRIMARY_CYAN]\n );\n const darkBg = useMemo(\n () => hexColorToCSS(theme.colors.UI_BACKGROUND_DARK),\n [theme.colors.UI_BACKGROUND_DARK]\n );\n const textSecondary = useMemo(\n () => hexColorToCSS(theme.colors.TEXT_SECONDARY),\n [theme.colors.TEXT_SECONDARY]\n );\n\n const containerStyle = useMemo(\n () => ({\n position: \"fixed\" as const,\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n flexDirection: \"column\" as const,\n alignItems: \"center\",\n justifyContent: \"center\",\n backgroundColor: `${darkBg}dd`,\n zIndex: 1000,\n opacity: isVisible ? 1 : 0,\n transition: \"opacity 0.3s ease-in-out\",\n }),\n [darkBg, isVisible]\n );\n\n return (\n <div data-testid=\"round-announcement\" style={containerStyle}>\n {/ Match Point Indicator /}\n {isMatchPoint && (\n <div\n style={{\n fontSize: isMobile ? \"20px\" : \"28px\",\n color: goldColor,\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n marginBottom: isMobile ? \"10px\" : \"20px\",\n textShadow: `0 0 20px ${goldColor}`,\n animation: \"pulse 1s infinite\",\n }}\n data-testid=\"match-point-indicator\"\n >\n 매치 포인트! \| Match Point!\n </div>\n )}\n\n {/ Round Complete Title /}\n <h1\n style={{\n fontSize: isMobile ? \"36px\" : \"56px\",\n color: goldColor,\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n margin: `0 0 ${isMobile ? \"20px\" : \"30px\"} 0`,\n textShadow: `0 0 30px ${goldColor}`,\n textAlign: \"center\",\n }}\n data-testid=\"round-complete-title\"\n >\n 라운드 {roundNumber} 완료!\n <br />\n Round {roundNumber} Complete!\n </h1>\n\n {/ Round Winner /}\n {roundWinner && (\n <div\n style={{\n fontSize: isMobile ? \"24px\" : \"36px\",\n color: cyanColor,\n fontFamily: theme.fontFamily.KOREAN,\n margin: `0 0 ${isMobile ? \"20px\" : \"30px\"} 0`,\n textAlign: \"center\",\n }}\n data-testid=\"round-winner\"\n >\n 승자 \| Winner: {roundWinner.name.korean} \| {roundWinner.name.english}\n </div>\n )}\n\n {/ Current Score /}\n <div\n style={{\n display: \"flex\",\n gap: isMobile ? \"40px\" : \"80px\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n fontSize: isMobile ? \"32px\" : \"48px\",\n fontWeight: \"bold\",\n }}\n data-testid=\"current-score\"\n >\n <div style={{ textAlign: \"center\" }}>\n <div\n style={{\n fontSize: isMobile ? \"14px\" : \"18px\",\n color: cyanColor,\n marginBottom: \"8px\",\n }}\n >\n Player 1\n </div>\n <div style={{ color: goldColor }}>{currentScore.player1}</div>\n </div>\n <div style={{ color: cyanColor }}>-</div>\n <div style={{ textAlign: \"center\" }}>\n <div\n style={{\n fontSize: isMobile ? \"14px\" : \"18px\",\n color: cyanColor,\n marginBottom: \"8px\",\n }}\n >\n Player 2\n </div>\n <div style={{ color: goldColor }}>{currentScore.player2}</div>\n </div>\n </div>\n\n {/ Round Statistics /}\n {roundStats && (\n <div\n style={{\n display: \"flex\",\n flexDirection: isMobile ? \"column\" : \"row\",\n gap: isMobile ? \"12px\" : \"24px\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n color: textSecondary,\n fontFamily: theme.fontFamily.KOREAN,\n }}\n data-testid=\"round-stats\"\n >\n <div>피해량 \| Damage: {roundStats.damageDealt.toFixed(0)}</div>\n <div>명중 \| Hits: {roundStats.hitsLanded}</div>\n <div>급소타격 \| Vital Points: {roundStats.vitalPointsHit}</div>\n <div>정확도 \| Accuracy: {roundStats.accuracy.toFixed(1)}%</div>\n </div>\n )}\n\n {/ Countdown /}\n <div\n style={{\n fontSize: isMobile ? \"48px\" : \"72px\",\n color: goldColor,\n fontWeight: \"bold\",\n marginBottom: isMobile ? \"20px\" : \"30px\",\n textShadow: `0 0 40px ${goldColor}`,\n }}\n data-testid=\"countdown-display\"\n aria-live=\"polite\"\n aria-atomic=\"true\"\n aria-label={`Countdown: ${countdown} seconds remaining`}\n >\n {countdown}\n </div>\n\n {/ Skip Button /}\n <button\n onClick={onSkip}\n data-testid=\"skip-countdown-button\"\n className=\"skip-countdown-button\"\n style={{\n padding: isMobile ? \"10px 24px\" : \"12px 32px\",\n fontSize: isMobile ? \"14px\" : \"16px\",\n backgroundColor: cyanColor,\n color: darkBg,\n border: \"none\",\n borderRadius: \"6px\",\n fontFamily: theme.fontFamily.KOREAN,\n fontWeight: \"bold\",\n cursor: \"pointer\",\n }}\n >\n 건너뛰기 \| Skip\n </button>\n\n {/ CSS Animation for pulse effect and button hover */}\n <style>\n {`\n @keyframes pulse {\n 0%, 100% {\n opacity: 1;\n transform: scale(1);\n }\n 50% {\n opacity: 0.7;\n transform: scale(1.05);\n }\n }\n \n .skip-countdown-button {\n transition: all 0.2s ease;\n }\n \n .skip-countdown-button:hover {\n transform: scale(1.05);\n box-shadow: 0 0 20px ${cyanColor};\n }\n \n .skip-countdown-button:focus {\n outline: 2px solid ${cyanColor};\n outline-offset: 2px;\n }\n `}\n </style>\n </div>\n );\n};\n\nexport default RoundAnnouncement;\n"],"mappings":"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"}

package/lib/components/screens/combat/components/feedback/RoundDisplayStatus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RoundDisplayStatus.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/RoundDisplayStatus.tsx"],"sourcesContent":["/*\n RoundDisplayStatus - Brief round status messages\n * \n * Displays quick status messages like \"라운드 시작!\", \"전투!\", \"라운드 종료\", \"K.O.!\"\n * Rendered as a fullscreen overlay outside the Canvas.\n * \n * @korean 라운드 상태 표시 - 간단한 라운드 상태 메시지\n /\n\nimport React from \"react\";\nimport { Z_INDEX } from \"../../../../../types/LayoutTypes\";\nimport { hexToRgbaString } from \"../../../../../utils/colorUtils\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\n\nexport type RoundDisplayStatus = \"start\" \| \"fight\" \| \"end\" \| \"ko\" \| null;\n\nexport interface RoundDisplayStatusProps {\n /* Current round status to display /\n readonly status: RoundDisplayStatus;\n /* Whether mobile layout is active /\n readonly isMobile?: boolean;\n}\n\n/\n RoundDisplayStatus Component\n * \n * Large centered text overlay showing brief round status messages.\n * Auto-fades based on combatState.roundDisplayStatus timing.\n */\nexport const RoundDisplayStatus: React.FC<RoundDisplayStatusProps> = ({\n status,\n isMobile = false,\n}) => {\n const theme = useKoreanTheme({\n variant: \"primary\",\n size: \"md\",\n isMobile,\n });\n\n if (!status) {\n return null;\n }\n\n const statusMessages: Record<Exclude<RoundDisplayStatus, null>, string> = {\n start: \"라운드 시작!\",\n fight: \"전투!\",\n end: \"라운드 종료\",\n ko: \"K.O.!\",\n };\n\n const fontSize = isMobile ? \"48px\" : \"72px\";\n\n return (\n <div\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n pointerEvents: \"none\",\n zIndex: Z_INDEX.MODAL,\n }}\n data-testid=\"round-display-status\"\n >\n <div\n style={{\n fontSize,\n fontWeight: \"bold\",\n fontFamily: theme.koreanTypography.fontFamily,\n lineHeight: theme.koreanTypography.lineHeight,\n letterSpacing: theme.koreanTypography.letterSpacing,\n wordBreak: theme.koreanTypography.wordBreak,\n textAlign: \"center\",\n color: hexToRgbaString(theme.colors.ACCENT_GOLD, 1),\n textShadow: \"0 0 20px rgba(255, 215, 0, 0.8)\",\n }}\n data-testid={`round-display-status-${status}`}\n >\n {statusMessages[status]}\n </div>\n </div>\n );\n};\n\nexport default RoundDisplayStatus;\n"],"mappings":";;;;;;;;;;;;AA6BA,IAAa,sBAAyD,EACpE,QACA,WAAW,YACP;CACJ,MAAM,QAAQ,eAAe;EAC3B,SAAS;EACT,MAAM;EACN;~~EACD~~,CAAC;~~CAEF~~,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,iBAAoE;EACxE,OAAO;EACP,OAAO;EACP,KAAK;EACL,IAAI;~~EACL~~;~~CAED~~,MAAM,WAAW,WAAW,SAAS;CAErC,OACE,oBAAC,OAAD;EACE,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,eAAe;GACf,QAAQ,QAAQ;~~GACjB~~;~~EACD~~,eAAY;YAEZ,oBAAC,OAAD;GACE,OAAO;IACL;IACA,YAAY;IACZ,YAAY,MAAM,iBAAiB;IACnC,YAAY,MAAM,iBAAiB;IACnC,eAAe,MAAM,iBAAiB;IACtC,WAAW,MAAM,iBAAiB;IAClC,WAAW;IACX,OAAO,gBAAgB,MAAM,OAAO,aAAa,~~EAAE~~;~~IACnD~~,YAAY;~~IACb~~;~~GACD~~,eAAa,wBAAwB;aAEpC,eAAe;~~GACZ~~,CAAA;~~EACF~~,CAAA"}
1	+ {"version":3,"file":"RoundDisplayStatus.js","names":[],"sources":["../../../../../../src/components/screens/combat/components/feedback/RoundDisplayStatus.tsx"],"sourcesContent":["/*\n RoundDisplayStatus - Brief round status messages\n * \n * Displays quick status messages like \"라운드 시작!\", \"전투!\", \"라운드 종료\", \"K.O.!\"\n * Rendered as a fullscreen overlay outside the Canvas.\n * \n * @korean 라운드 상태 표시 - 간단한 라운드 상태 메시지\n /\n\nimport React from \"react\";\nimport { Z_INDEX } from \"../../../../../types/LayoutTypes\";\nimport { hexToRgbaString } from \"../../../../../utils/colorUtils\";\nimport { useKoreanTheme } from \"../../../../shared/base/useKoreanTheme\";\n\nexport type RoundDisplayStatus = \"start\" \| \"fight\" \| \"end\" \| \"ko\" \| null;\n\nexport interface RoundDisplayStatusProps {\n /* Current round status to display /\n readonly status: RoundDisplayStatus;\n /* Whether mobile layout is active /\n readonly isMobile?: boolean;\n}\n\n/\n RoundDisplayStatus Component\n * \n * Large centered text overlay showing brief round status messages.\n * Auto-fades based on combatState.roundDisplayStatus timing.\n */\nexport const RoundDisplayStatus: React.FC<RoundDisplayStatusProps> = ({\n status,\n isMobile = false,\n}) => {\n const theme = useKoreanTheme({\n variant: \"primary\",\n size: \"md\",\n isMobile,\n });\n\n if (!status) {\n return null;\n }\n\n const statusMessages: Record<Exclude<RoundDisplayStatus, null>, string> = {\n start: \"라운드 시작!\",\n fight: \"전투!\",\n end: \"라운드 종료\",\n ko: \"K.O.!\",\n };\n\n const fontSize = isMobile ? \"48px\" : \"72px\";\n\n return (\n <div\n style={{\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n pointerEvents: \"none\",\n zIndex: Z_INDEX.MODAL,\n }}\n data-testid=\"round-display-status\"\n >\n <div\n style={{\n fontSize,\n fontWeight: \"bold\",\n fontFamily: theme.koreanTypography.fontFamily,\n lineHeight: theme.koreanTypography.lineHeight,\n letterSpacing: theme.koreanTypography.letterSpacing,\n wordBreak: theme.koreanTypography.wordBreak,\n textAlign: \"center\",\n color: hexToRgbaString(theme.colors.ACCENT_GOLD, 1),\n textShadow: \"0 0 20px rgba(255, 215, 0, 0.8)\",\n }}\n data-testid={`round-display-status-${status}`}\n >\n {statusMessages[status]}\n </div>\n </div>\n );\n};\n\nexport default RoundDisplayStatus;\n"],"mappings":";;;;;;;;;;;;AA6BA,IAAa,sBAAyD,EACpE,QACA,WAAW,YACP;CACJ,MAAM,QAAQ,eAAe;EAC3B,SAAS;EACT,MAAM;EACN;CACF,CAAC;CAED,IAAI,CAAC,QACH,OAAO;CAGT,MAAM,iBAAoE;EACxE,OAAO;EACP,OAAO;EACP,KAAK;EACL,IAAI;CACN;CAEA,MAAM,WAAW,WAAW,SAAS;CAErC,OACE,oBAAC,OAAD;EACE,OAAO;GACL,UAAU;GACV,KAAK;GACL,MAAM;GACN,OAAO;GACP,QAAQ;GACR,SAAS;GACT,gBAAgB;GAChB,YAAY;GACZ,eAAe;GACf,QAAQ,QAAQ;EAClB;EACA,eAAY;YAEZ,oBAAC,OAAD;GACE,OAAO;IACL;IACA,YAAY;IACZ,YAAY,MAAM,iBAAiB;IACnC,YAAY,MAAM,iBAAiB;IACnC,eAAe,MAAM,iBAAiB;IACtC,WAAW,MAAM,iBAAiB;IAClC,WAAW;IACX,OAAO,gBAAgB,MAAM,OAAO,aAAa,CAAC;IAClD,YAAY;GACd;GACA,eAAa,wBAAwB;aAEpC,eAAe;EACb,CAAA;CACF,CAAA;AAET"}