blacktrigram 0.7.2

package/lib/components/shared/three/effects/ExplosiveBurstEffect3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExplosiveBurstEffect3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/three/effects/ExplosiveBurstEffect3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAGH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAIpE;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C,qCAAqC;IACrC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAC5C,mCAAmC;IACnC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,uCAAuC;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,+BAA+B;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,+BAA+B;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,gCAAgC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAoQD;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAiHxE,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/lib/components/shared/three/effects/GrapplingIndicator3D.d.ts

@@ -0,0 +1,49 @@
+/**
+ * GrapplingIndicator3D - Visual indicator for grappling state and struggle
+ *
+ * **Korean**: 잡기 표시기 3D (Japgi Pyosigi 3D)
+ *
+ * Displays visual feedback during grappling interactions including:
+ * - Struggle particle effects
+ * - Grip strength meter (UI overlay)
+ * - Bilingual state text (Korean-English)
+ * - Shake effects during escape attempts
+ *
+ * Features:
+ * - Particle system for struggle visualization
+ * - HTML overlay for grip strength UI
+ * - Smooth transitions between grapple states
+ * - Performance optimized for 60fps
+ * - Korean-English bilingual text support
+ *
+ * @module components/shared/three/effects/GrapplingIndicator3D
+ * @category Combat Effects
+ * @korean 잡기표시기3D
+ */
+import React from "react";
+import type { Position3D } from "../../../../types/physics";
+import { GrappleControl } from "../../../../types/common";
+/**
+ * Props for GrapplingIndicator3D component
+ */
+export interface GrapplingIndicator3DProps {
+    /** Current grapple control state (undefined if not grappling) */
+    readonly grappleControl: GrappleControl | undefined;
+    /** Character position in 3D space (meters) */
+    readonly characterPosition: Position3D;
+    /** Whether the character is the controller (attacker) */
+    readonly isController: boolean;
+    /** Whether to use mobile-optimized rendering */
+    readonly isMobile?: boolean;
+    /** Test ID for component testing */
+    readonly "data-testid"?: string;
+}
+/**
+ * Main GrapplingIndicator3D component
+ *
+ * Renders struggle particles and grip strength UI during grappling.
+ * Automatically adjusts visualization based on grapple state.
+ */
+export declare const GrapplingIndicator3D: React.FC<GrapplingIndicator3DProps>;
+export default GrapplingIndicator3D;
+//# sourceMappingURL=GrapplingIndicator3D.d.ts.map

package/lib/components/shared/three/effects/GrapplingIndicator3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrapplingIndicator3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/three/effects/GrapplingIndicator3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAsC,MAAM,OAAO,CAAC;AAG3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAgB,MAAM,0BAA0B,CAAC;AAExE;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,iEAAiE;IACjE,QAAQ,CAAC,cAAc,EAAE,cAAc,GAAG,SAAS,CAAC;IACpD,8CAA8C;IAC9C,QAAQ,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACvC,yDAAyD;IACzD,QAAQ,CAAC,YAAY,EAAE,OAAO,CAAC;IAC/B,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,oCAAoC;IACpC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AA8TD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAkDpE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/shared/three/effects/HitEffects3D.d.ts

@@ -0,0 +1,28 @@
+/**
+ * HitEffects3D - Three.js particle effects for combat
+ *
+ * Maintains Korean theming and visual feedback for combat actions
+ */
+import React from "react";
+import { HitEffect } from "../../../../systems";
+import { type PhysicsArenaBounds } from "../../../../types/PhysicsTypes";
+/**
+ * Props for the HitEffects3D component.
+ * Controls which effects are displayed and callbacks for effect lifecycle.
+ */
+export interface HitEffects3DProps {
+    /** Array of active hit effects to render in the scene */
+    readonly effects: HitEffect[];
+    /** Callback invoked when an effect completes its duration */
+    readonly onEffectComplete?: (effectId: string) => void;
+    /** Arena bounds for accurate coordinate conversion (physics-first with meter dimensions) */
+    readonly arenaBounds?: PhysicsArenaBounds;
+}
+/**
+ * HitEffects3D Component
+ * Manages all active hit effects in the combat scene
+ * Uses refs to avoid triggering React re-renders at 60fps
+ */
+export declare const HitEffects3D: React.FC<HitEffects3DProps>;
+export default HitEffects3D;
+//# sourceMappingURL=HitEffects3D.d.ts.map

package/lib/components/shared/three/effects/HitEffects3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HitEffects3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/three/effects/HitEffects3D.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAA+C,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAGhD,OAAO,EAAgC,KAAK,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEvG;;;GAGG;AACH,MAAM,WAAW,iBAAiB;IAChC,yDAAyD;IACzD,QAAQ,CAAC,OAAO,EAAE,SAAS,EAAE,CAAC;IAC9B,6DAA6D;IAC7D,QAAQ,CAAC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,4FAA4F;IAC5F,QAAQ,CAAC,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAC3C;AAiVD;;;;GAIG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmGpD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/shared/three/effects/HitEffects3D.js

@@ -0,0 +1,427 @@
+import { KOREAN_COLORS } from "../../../../types/constants/colors.js";
+import "../../../../types/constants/index.js";
+import { HitEffectType } from "../../../../systems/effects.js";
+import { DEFAULT_PHYSICS_ARENA_BOUNDS } from "../../../../types/PhysicsTypes.js";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useFrame } from "@react-three/fiber";
+import * as THREE from "three";
+//#region src/components/shared/three/effects/HitEffects3D.tsx
+/**
+* HitEffects3D - Three.js particle effects for combat
+*
+* Maintains Korean theming and visual feedback for combat actions
+*/
+/**
+* Individual Hit Effect Component
+* Renders a single effect with Three.js primitives
+*/
+var HitEffectVisual = ({ effect, effectRef, arenaBounds }) => {
+	const groupRef = useRef(null);
+	const alphaRef = useRef(1);
+	const position3D = useMemo(() => {
+		if (!effect.position) return [
+			0,
+			1,
+			0
+		];
+		const bounds = arenaBounds ?? DEFAULT_PHYSICS_ARENA_BOUNDS;
+		const halfWidth = bounds.worldWidthMeters / 2;
+		const halfDepth = bounds.worldDepthMeters / 2;
+		return [
+			Math.min(halfWidth, Math.max(-halfWidth, effect.position.x)),
+			1.5,
+			Math.min(halfDepth, Math.max(-halfDepth, effect.position.y))
+		];
+	}, [effect.position, arenaBounds]);
+	useFrame(() => {
+		if (!groupRef.current || !effectRef.current) return;
+		alphaRef.current = 1 - effectRef.current.progress;
+		let sparkIndex = 0;
+		groupRef.current.traverse((object) => {
+			if (object instanceof THREE.Mesh && object.material instanceof THREE.MeshBasicMaterial) {
+				const baseOpacity = object.material.userData.baseOpacity ?? 1;
+				object.material.opacity = alphaRef.current * baseOpacity;
+				if (effect.type === HitEffectType.BLOCK && object.geometry instanceof THREE.SphereGeometry) {
+					if (object.geometry.parameters?.radius === .05) {
+						if (sparkIndex++ < 3) object.position.y = Math.sin((1 - alphaRef.current) * Math.PI) * .3;
+					}
+				}
+			}
+		});
+		if (effect.type === HitEffectType.COUNTER || effect.type === HitEffectType.VITAL_POINT_STRIKE) groupRef.current.rotation.y += .1;
+		if (effect.type === HitEffectType.CRITICAL_HIT) {
+			const pulse = 1 + Math.sin(effectRef.current.progress * Math.PI * 4) * .2;
+			groupRef.current.scale.set(pulse, pulse, pulse);
+		}
+	});
+	switch (effect.type) {
+		case HitEffectType.HIT: return /* @__PURE__ */ jsxs("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [/* @__PURE__ */ jsxs("mesh", { children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+				.3 * effect.intensity,
+				16,
+				16
+			] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+				color: KOREAN_COLORS.ACCENT_RED,
+				transparent: true,
+				opacity: .5,
+				userData: { baseOpacity: .5 }
+			})] }), /* @__PURE__ */ jsxs("mesh", {
+				rotation: [
+					-Math.PI / 2,
+					0,
+					0
+				],
+				position: [
+					0,
+					0,
+					0
+				],
+				children: [/* @__PURE__ */ jsx("ringGeometry", { args: [
+					.3 * effect.intensity,
+					.35 * effect.intensity,
+					32
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.ACCENT_RED,
+					transparent: true,
+					opacity: 1,
+					side: THREE.DoubleSide,
+					userData: { baseOpacity: 1 }
+				})]
+			})]
+		});
+		case HitEffectType.CRITICAL_HIT: return /* @__PURE__ */ jsxs("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [/* @__PURE__ */ jsxs("mesh", { children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+				.5 * effect.intensity,
+				16,
+				16
+			] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+				color: KOREAN_COLORS.ACCENT_GOLD,
+				transparent: true,
+				opacity: .7,
+				userData: { baseOpacity: .7 }
+			})] }), [
+				0,
+				1,
+				2,
+				3
+			].map((i) => {
+				const angle = i * Math.PI / 2;
+				return /* @__PURE__ */ jsxs("mesh", {
+					position: [
+						Math.cos(angle) * .3,
+						0,
+						Math.sin(angle) * .3
+					],
+					rotation: [
+						0,
+						angle,
+						0
+					],
+					children: [/* @__PURE__ */ jsx("boxGeometry", { args: [
+						.6,
+						.05,
+						.05
+					] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+						color: KOREAN_COLORS.ACCENT_RED,
+						transparent: true,
+						opacity: 1,
+						userData: { baseOpacity: 1 }
+					})]
+				}, i);
+			})]
+		});
+		case HitEffectType.BLOCK: return /* @__PURE__ */ jsxs("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [/* @__PURE__ */ jsxs("mesh", {
+				rotation: [
+					0,
+					0,
+					Math.PI / 2
+				],
+				children: [/* @__PURE__ */ jsx("torusGeometry", { args: [
+					.4 * effect.intensity,
+					.05,
+					8,
+					16,
+					Math.PI
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.ACCENT_CYAN,
+					transparent: true,
+					opacity: 1,
+					userData: { baseOpacity: 1 }
+				})]
+			}), [
+				0,
+				1,
+				2
+			].map((i) => /* @__PURE__ */ jsxs("mesh", {
+				position: [
+					(i - 1) * .2,
+					0,
+					0
+				],
+				children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+					.05,
+					8,
+					8
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.ACCENT_CYAN,
+					transparent: true,
+					opacity: .8,
+					userData: { baseOpacity: .8 }
+				})]
+			}, i))]
+		});
+		case HitEffectType.MISS: return /* @__PURE__ */ jsx("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [0, 1].map((i) => /* @__PURE__ */ jsxs("mesh", {
+				position: [
+					(i - .5) * .2,
+					i * .1,
+					0
+				],
+				rotation: [
+					0,
+					0,
+					(i - .5) * .3
+				],
+				children: [/* @__PURE__ */ jsx("boxGeometry", { args: [
+					.6,
+					.02,
+					.02
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.TEXT_TERTIARY,
+					transparent: true,
+					opacity: 1,
+					userData: { baseOpacity: 1 }
+				})]
+			}, i))
+		});
+		case HitEffectType.VITAL_POINT_STRIKE: return /* @__PURE__ */ jsxs("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [
+				/* @__PURE__ */ jsxs("mesh", { children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+					.35 * effect.intensity,
+					16,
+					16
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.SECONDARY_MAGENTA,
+					transparent: true,
+					opacity: .5,
+					userData: { baseOpacity: .5 }
+				})] }),
+				[
+					.2,
+					.3,
+					.4
+				].map((radius, i) => /* @__PURE__ */ jsxs("mesh", {
+					rotation: [
+						-Math.PI / 2,
+						0,
+						0
+					],
+					children: [/* @__PURE__ */ jsx("ringGeometry", { args: [
+						radius,
+						radius + .02,
+						32
+					] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+						color: KOREAN_COLORS.SECONDARY_MAGENTA,
+						transparent: true,
+						opacity: 1,
+						side: THREE.DoubleSide,
+						userData: { baseOpacity: 1 }
+					})]
+				}, i)),
+				/* @__PURE__ */ jsxs("mesh", {
+					position: [
+						0,
+						0,
+						0
+					],
+					children: [/* @__PURE__ */ jsx("boxGeometry", { args: [
+						.8,
+						.02,
+						.02
+					] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+						color: KOREAN_COLORS.SECONDARY_MAGENTA,
+						transparent: true,
+						opacity: .8,
+						userData: { baseOpacity: .8 }
+					})]
+				}),
+				/* @__PURE__ */ jsxs("mesh", {
+					position: [
+						0,
+						0,
+						0
+					],
+					rotation: [
+						0,
+						0,
+						Math.PI / 2
+					],
+					children: [/* @__PURE__ */ jsx("boxGeometry", { args: [
+						.8,
+						.02,
+						.02
+					] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+						color: KOREAN_COLORS.SECONDARY_MAGENTA,
+						transparent: true,
+						opacity: .8,
+						userData: { baseOpacity: .8 }
+					})]
+				})
+			]
+		});
+		case HitEffectType.PARRY: return /* @__PURE__ */ jsxs("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [/* @__PURE__ */ jsxs("mesh", { children: [/* @__PURE__ */ jsx("torusGeometry", { args: [
+				.35 * effect.intensity,
+				.05,
+				8,
+				16,
+				Math.PI / 2
+			] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+				color: KOREAN_COLORS.ACCENT_GOLD,
+				transparent: true,
+				opacity: 1,
+				userData: { baseOpacity: 1 }
+			})] }), [
+				0,
+				1,
+				2
+			].map((i) => {
+				const angle = Math.PI / 6 * (i - 1);
+				return /* @__PURE__ */ jsxs("mesh", {
+					position: [
+						Math.cos(angle) * .4,
+						Math.sin(angle) * .4,
+						0
+					],
+					children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+						.04,
+						8,
+						8
+					] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+						color: KOREAN_COLORS.ACCENT_GOLD,
+						transparent: true,
+						opacity: .8,
+						userData: { baseOpacity: .8 }
+					})]
+				}, i);
+			})]
+		});
+		case HitEffectType.COUNTER: return /* @__PURE__ */ jsx("group", {
+			ref: groupRef,
+			position: position3D,
+			children: [
+				0,
+				1,
+				2,
+				3
+			].map((i) => /* @__PURE__ */ jsxs("mesh", {
+				rotation: [
+					0,
+					i * Math.PI / 2,
+					0
+				],
+				position: [
+					0,
+					0,
+					0
+				],
+				children: [/* @__PURE__ */ jsx("boxGeometry", { args: [
+					.6,
+					.05,
+					.05
+				] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+					color: KOREAN_COLORS.PRIMARY_CYAN,
+					transparent: true,
+					opacity: 1,
+					userData: { baseOpacity: 1 }
+				})]
+			}, i))
+		});
+		case HitEffectType.GENERAL_DAMAGE:
+		case HitEffectType.STATUS_EFFECT:
+		default: return /* @__PURE__ */ jsx("group", {
+			ref: groupRef,
+			position: position3D,
+			children: /* @__PURE__ */ jsxs("mesh", { children: [/* @__PURE__ */ jsx("sphereGeometry", { args: [
+				.3 * effect.intensity,
+				16,
+				16
+			] }), /* @__PURE__ */ jsx("meshBasicMaterial", {
+				color: KOREAN_COLORS.ACCENT_GREEN,
+				transparent: true,
+				opacity: .5,
+				userData: { baseOpacity: .5 }
+			})] })
+		});
+	}
+};
+/**
+* HitEffects3D Component
+* Manages all active hit effects in the combat scene
+* Uses refs to avoid triggering React re-renders at 60fps
+*/
+var HitEffects3D = ({ effects, onEffectComplete, arenaBounds }) => {
+	const effectRefsMap = useRef(/* @__PURE__ */ new Map());
+	const completedEffectsRef = useRef(/* @__PURE__ */ new Set());
+	const [effectRefsSnapshot, setEffectRefsSnapshot] = useState(/* @__PURE__ */ new Map());
+	useEffect(() => {
+		const currentIdSet = new Set(effects.map((e) => e.id));
+		effectRefsMap.current.forEach((_ref, id) => {
+			if (!currentIdSet.has(id)) {
+				effectRefsMap.current.delete(id);
+				completedEffectsRef.current.delete(id);
+			}
+		});
+		effects.forEach((effect) => {
+			if (!effectRefsMap.current.has(effect.id)) effectRefsMap.current.set(effect.id, { current: {
+				...effect,
+				progress: 0
+			} });
+		});
+		setEffectRefsSnapshot(new Map(effectRefsMap.current));
+	}, [effects]);
+	useFrame(() => {
+		const now = Date.now();
+		effectRefsMap.current.forEach((ref, id) => {
+			if (!ref.current) return;
+			const progress = Math.min((now - ref.current.startTime) / ref.current.duration, 1);
+			ref.current.progress = progress;
+			if (progress >= 1 && onEffectComplete && !completedEffectsRef.current.has(id)) {
+				completedEffectsRef.current.add(id);
+				onEffectComplete(id);
+			}
+		});
+	});
+	return /* @__PURE__ */ jsx("group", { children: useMemo(() => {
+		return effects.map((effect) => {
+			return {
+				effect,
+				effectRef: effectRefsSnapshot.get(effect.id)
+			};
+		}).filter((item) => item.effectRef !== void 0);
+	}, [effects, effectRefsSnapshot]).map(({ effect, effectRef }) => {
+		return /* @__PURE__ */ jsx(HitEffectVisual, {
+			effect,
+			effectRef,
+			arenaBounds
+		}, effect.id);
+	}) });
+};
+//#endregion
+export { HitEffects3D as default };
+
+//# sourceMappingURL=HitEffects3D.js.map

package/lib/components/shared/three/effects/HitEffects3D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HitEffects3D.js","names":[],"sources":["../../../../../src/components/shared/three/effects/HitEffects3D.tsx"],"sourcesContent":["/**\n * HitEffects3D - Three.js particle effects for combat\n *\n * Maintains Korean theming and visual feedback for combat actions\n */\n\nimport { useFrame } from \"@react-three/fiber\";\nimport React, { useEffect, useMemo, useRef, useState } from \"react\";\nimport * as THREE from \"three\";\nimport { HitEffect } from \"../../../../systems\";\nimport { HitEffectType } from \"../../../../systems/effects\";\nimport { KOREAN_COLORS } from \"../../../../types/constants\";\nimport { DEFAULT_PHYSICS_ARENA_BOUNDS, type PhysicsArenaBounds } from \"../../../../types/PhysicsTypes\";\n\n/**\n * Props for the HitEffects3D component.\n * Controls which effects are displayed and callbacks for effect lifecycle.\n */\nexport interface HitEffects3DProps {\n  /** Array of active hit effects to render in the scene */\n  readonly effects: HitEffect[];\n  /** Callback invoked when an effect completes its duration */\n  readonly onEffectComplete?: (effectId: string) => void;\n  /** Arena bounds for accurate coordinate conversion (physics-first with meter dimensions) */\n  readonly arenaBounds?: PhysicsArenaBounds;\n}\n\ninterface ActiveEffect extends HitEffect {\n  progress: number;\n}\n\n/**\n * Individual Hit Effect Component\n * Renders a single effect with Three.js primitives\n */\nconst HitEffectVisual: React.FC<{\n  effect: HitEffect;\n  effectRef: React.MutableRefObject<ActiveEffect | null>;\n  arenaBounds?: PhysicsArenaBounds;\n}> = ({ effect, effectRef, arenaBounds }) => {\n  const groupRef = useRef<THREE.Group>(null);\n  // Use ref for alpha to avoid setState in useFrame (eliminates 60 rerenders/sec)\n  const alphaRef = useRef(1);\n\n  // Position in 3D space - use meter coordinates directly\n  const position3D: [number, number, number] = useMemo(() => {\n    if (!effect.position) return [0, 1, 0];\n\n    // Use arena bounds if available, otherwise use default values for 10m arena\n    const bounds = arenaBounds ?? DEFAULT_PHYSICS_ARENA_BOUNDS;\n    \n    // Position is in meters relative to arena center (0, 0)\n    // Player models use meter coordinates directly: position={[playerPos.x, 0, playerPos.y]}\n    // So we use meter coordinates directly too for alignment\n    const halfWidth = bounds.worldWidthMeters / 2;\n    const halfDepth = bounds.worldDepthMeters / 2;\n    \n    // Clamp position to arena boundaries in meters\n    const clampedX = Math.min(halfWidth, Math.max(-halfWidth, effect.position.x));\n    const clampedZ = Math.min(halfDepth, Math.max(-halfDepth, effect.position.y));\n    \n    // Use clamped meter coordinates directly in 3D space (no remapping)\n    const x = clampedX; // Meter position X\n    const y = 1.5; // Mid-height for effects\n    const z = clampedZ; // Meter position Z (depth)\n\n    return [x, y, z];\n  }, [effect.position, arenaBounds]);\n\n  // Animate effect based on type - Update materials directly in the group\n  useFrame(() => {\n    if (!groupRef.current || !effectRef.current) return;\n\n    // Access fresh progress value from ref and update alpha ref (no setState!)\n    const progress = effectRef.current.progress;\n    alphaRef.current = 1 - progress;\n\n    // Update all material opacities and positions in the group hierarchy\n    let sparkIndex = 0;\n    groupRef.current.traverse((object) => {\n      if (object instanceof THREE.Mesh && object.material instanceof THREE.MeshBasicMaterial) {\n        const baseOpacity = object.material.userData.baseOpacity ?? 1;\n        object.material.opacity = alphaRef.current * baseOpacity;\n        \n        // For BLOCK effect, animate spark particle positions\n        if (effect.type === HitEffectType.BLOCK && object.geometry instanceof THREE.SphereGeometry) {\n          if (object.geometry.parameters?.radius === 0.05) { // Spark particles have radius 0.05\n            const i = sparkIndex++;\n            if (i < 3) { // Only update the 3 spark particles\n              object.position.y = Math.sin((1 - alphaRef.current) * Math.PI) * 0.3;\n            }\n          }\n        }\n      }\n    });\n\n    // Rotate for some effects\n    if (\n      effect.type === HitEffectType.COUNTER ||\n      effect.type === HitEffectType.VITAL_POINT_STRIKE\n    ) {\n      groupRef.current.rotation.y += 0.1;\n    }\n\n    // Scale pulse for critical hits\n    if (effect.type === HitEffectType.CRITICAL_HIT) {\n      const pulse =\n        1 + Math.sin(effectRef.current.progress * Math.PI * 4) * 0.2;\n      groupRef.current.scale.set(pulse, pulse, pulse);\n    }\n  });\n\n  // Render based on effect type\n  switch (effect.type) {\n    case HitEffectType.HIT:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Impact flash sphere */}\n          <mesh>\n            <sphereGeometry args={[0.3 * effect.intensity, 16, 16]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_RED}\n              transparent\n              opacity={0.5}\n              userData={{ baseOpacity: 0.5 }}\n            />\n          </mesh>\n          {/* Expanding ring */}\n          <mesh rotation={[-Math.PI / 2, 0, 0]} position={[0, 0, 0]}>\n            <ringGeometry\n              args={[0.3 * effect.intensity, 0.35 * effect.intensity, 32]}\n            />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_RED}\n              transparent\n              opacity={1}\n              side={THREE.DoubleSide}\n              userData={{ baseOpacity: 1.0 }}\n            />\n          </mesh>\n        </group>\n      );\n\n    case HitEffectType.CRITICAL_HIT:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Large impact sphere */}\n          <mesh>\n            <sphereGeometry args={[0.5 * effect.intensity, 16, 16]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_GOLD}\n              transparent\n              opacity={0.7}\n              userData={{ baseOpacity: 0.7 }}\n            />\n          </mesh>\n          {/* Star burst lines */}\n          {[0, 1, 2, 3].map((i) => {\n            const angle = (i * Math.PI) / 2;\n            return (\n              <mesh\n                key={i}\n                position={[Math.cos(angle) * 0.3, 0, Math.sin(angle) * 0.3]}\n                rotation={[0, angle, 0]}\n              >\n                <boxGeometry args={[0.6, 0.05, 0.05]} />\n                <meshBasicMaterial\n                  color={KOREAN_COLORS.ACCENT_RED}\n                  transparent\n                  opacity={1}\n                  userData={{ baseOpacity: 1.0 }}\n                />\n              </mesh>\n            );\n          })}\n        </group>\n      );\n\n    case HitEffectType.BLOCK:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Shield arc */}\n          <mesh rotation={[0, 0, Math.PI / 2]}>\n            <torusGeometry\n              args={[0.4 * effect.intensity, 0.05, 8, 16, Math.PI]}\n            />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_CYAN}\n              transparent\n              opacity={1}\n              userData={{ baseOpacity: 1.0 }}\n            />\n          </mesh>\n          {/* Spark particles - positions will be updated in useFrame */}\n          {[0, 1, 2].map((i) => (\n            <mesh\n              key={i}\n              position={[\n                (i - 1) * 0.2,\n                0,\n                0,\n              ]}\n            >\n              <sphereGeometry args={[0.05, 8, 8]} />\n              <meshBasicMaterial\n                color={KOREAN_COLORS.ACCENT_CYAN}\n                transparent\n                opacity={0.8}\n                userData={{ baseOpacity: 0.8 }}\n              />\n            </mesh>\n          ))}\n        </group>\n      );\n\n    case HitEffectType.MISS:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Swish trail lines */}\n          {[0, 1].map((i) => (\n            <mesh\n              key={i}\n              position={[(i - 0.5) * 0.2, i * 0.1, 0]}\n              rotation={[0, 0, (i - 0.5) * 0.3]}\n            >\n              <boxGeometry args={[0.6, 0.02, 0.02]} />\n              <meshBasicMaterial\n                color={KOREAN_COLORS.TEXT_TERTIARY}\n                transparent\n                opacity={1}\n                userData={{ baseOpacity: 1.0 }}\n              />\n            </mesh>\n          ))}\n        </group>\n      );\n\n    case HitEffectType.VITAL_POINT_STRIKE:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Pulsing sphere */}\n          <mesh>\n            <sphereGeometry args={[0.35 * effect.intensity, 16, 16]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.SECONDARY_MAGENTA}\n              transparent\n              opacity={0.5}\n              userData={{ baseOpacity: 0.5 }}\n            />\n          </mesh>\n          {/* Concentric rings */}\n          {[0.2, 0.3, 0.4].map((radius, i) => (\n            <mesh key={i} rotation={[-Math.PI / 2, 0, 0]}>\n              <ringGeometry args={[radius, radius + 0.02, 32]} />\n              <meshBasicMaterial\n                color={KOREAN_COLORS.SECONDARY_MAGENTA}\n                transparent\n                opacity={1}\n                side={THREE.DoubleSide}\n                userData={{ baseOpacity: 1.0 }}\n              />\n            </mesh>\n          ))}\n          {/* Crosshair */}\n          <mesh position={[0, 0, 0]}>\n            <boxGeometry args={[0.8, 0.02, 0.02]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.SECONDARY_MAGENTA}\n              transparent\n              opacity={0.8}\n              userData={{ baseOpacity: 0.8 }}\n            />\n          </mesh>\n          <mesh position={[0, 0, 0]} rotation={[0, 0, Math.PI / 2]}>\n            <boxGeometry args={[0.8, 0.02, 0.02]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.SECONDARY_MAGENTA}\n              transparent\n              opacity={0.8}\n              userData={{ baseOpacity: 0.8 }}\n            />\n          </mesh>\n        </group>\n      );\n\n    case HitEffectType.PARRY:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Deflection arc */}\n          <mesh>\n            <torusGeometry\n              args={[0.35 * effect.intensity, 0.05, 8, 16, Math.PI / 2]}\n            />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_GOLD}\n              transparent\n              opacity={1}\n              userData={{ baseOpacity: 1.0 }}\n            />\n          </mesh>\n          {/* Sparks */}\n          {[0, 1, 2].map((i) => {\n            const angle = (Math.PI / 6) * (i - 1);\n            return (\n              <mesh\n                key={i}\n                position={[Math.cos(angle) * 0.4, Math.sin(angle) * 0.4, 0]}\n              >\n                <sphereGeometry args={[0.04, 8, 8]} />\n                <meshBasicMaterial\n                  color={KOREAN_COLORS.ACCENT_GOLD}\n                  transparent\n                  opacity={0.8}\n                  userData={{ baseOpacity: 0.8 }}\n                />\n              </mesh>\n            );\n          })}\n        </group>\n      );\n\n    case HitEffectType.COUNTER:\n      return (\n        <group ref={groupRef} position={position3D}>\n          {/* Spinning energy blades */}\n          {[0, 1, 2, 3].map((i) => (\n            <mesh\n              key={i}\n              rotation={[0, (i * Math.PI) / 2, 0]}\n              position={[0, 0, 0]}\n            >\n              <boxGeometry args={[0.6, 0.05, 0.05]} />\n              <meshBasicMaterial\n                color={KOREAN_COLORS.PRIMARY_CYAN}\n                transparent\n                opacity={1}\n                userData={{ baseOpacity: 1.0 }}\n              />\n            </mesh>\n          ))}\n        </group>\n      );\n\n    case HitEffectType.GENERAL_DAMAGE:\n    case HitEffectType.STATUS_EFFECT:\n    default:\n      return (\n        <group ref={groupRef} position={position3D}>\n          <mesh>\n            <sphereGeometry args={[0.3 * effect.intensity, 16, 16]} />\n            <meshBasicMaterial\n              color={KOREAN_COLORS.ACCENT_GREEN}\n              transparent\n              opacity={0.5}\n              userData={{ baseOpacity: 0.5 }}\n            />\n          </mesh>\n        </group>\n      );\n  }\n};\n\n/**\n * HitEffects3D Component\n * Manages all active hit effects in the combat scene\n * Uses refs to avoid triggering React re-renders at 60fps\n */\nexport const HitEffects3D: React.FC<HitEffects3DProps> = ({\n  effects,\n  onEffectComplete,\n  arenaBounds,\n}) => {\n  // Use refs to track effects without causing re-renders\n  const effectRefsMap = useRef<\n    Map<string, React.MutableRefObject<ActiveEffect | null>>\n  >(new Map());\n  const completedEffectsRef = useRef<Set<string>>(new Set());\n\n  // Store effectRefs as state to avoid ref access during render\n  // This is updated in useEffect, not during render\n  const [effectRefsSnapshot, setEffectRefsSnapshot] = useState<\n    Map<string, React.MutableRefObject<ActiveEffect | null>>\n  >(new Map());\n\n  // Update effect refs when effects change (minimal state updates)\n  useEffect(() => {\n    // Clean up refs for removed effects\n    const currentIdSet = new Set(effects.map((e) => e.id));\n    effectRefsMap.current.forEach((_ref, id) => {\n      if (!currentIdSet.has(id)) {\n        effectRefsMap.current.delete(id);\n        completedEffectsRef.current.delete(id);\n      }\n    });\n\n    // Initialize refs for new effects\n    effects.forEach((effect) => {\n      if (!effectRefsMap.current.has(effect.id)) {\n        effectRefsMap.current.set(effect.id, {\n          current: { ...effect, progress: 0 },\n        });\n      }\n    });\n\n    // Create a snapshot of the refs for use in render\n    // This is a new Map with the same refs (not a deep copy)\n    setEffectRefsSnapshot(new Map(effectRefsMap.current));\n  }, [effects]);\n\n  // Update progress using refs (no setState in useFrame)\n  useFrame(() => {\n    const now = Date.now();\n\n    effectRefsMap.current.forEach((ref, id) => {\n      if (!ref.current) return;\n\n      const progress = Math.min(\n        (now - ref.current.startTime) / ref.current.duration,\n        1\n      );\n      ref.current.progress = progress;\n\n      // Handle completion\n      const isExpired = progress >= 1;\n      if (\n        isExpired &&\n        onEffectComplete &&\n        !completedEffectsRef.current.has(id)\n      ) {\n        completedEffectsRef.current.add(id);\n        onEffectComplete(id);\n      }\n    });\n  });\n\n  // Pre-compute effect data to avoid ref access during render\n  const effectsToRender = useMemo(() => {\n    return effects\n      .map((effect) => {\n        const effectRef = effectRefsSnapshot.get(effect.id);\n        return { effect, effectRef };\n      })\n      .filter(\n        (\n          item\n        ): item is {\n          effect: HitEffect;\n          effectRef: React.MutableRefObject<ActiveEffect | null>;\n        } => item.effectRef !== undefined\n      );\n  }, [effects, effectRefsSnapshot]);\n\n  return (\n    <group>\n      {effectsToRender.map(({ effect, effectRef }) => {\n        return (\n          <HitEffectVisual\n            key={effect.id}\n            effect={effect}\n            effectRef={effectRef}\n            arenaBounds={arenaBounds}\n          />\n        );\n      })}\n    </group>\n  );\n};\n\nexport default HitEffects3D;\n"],"mappings":"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"}

package/lib/components/shared/three/effects/LimbExposureIndicator3D.d.ts

@@ -0,0 +1,67 @@
+/**
+ * LimbExposureIndicator3D - Visual indicator for exposed limbs during combat
+ *
+ * **Korean**: 사지 노출 표시기 3D (Saji Nochul Pyosigi 3D)
+ *
+ * Displays a glowing effect on exposed limbs during attack execution,
+ * indicating vulnerability windows for counter-attacks. The glow intensity
+ * is based on the vulnerability multiplier (1.5x-2.5x).
+ *
+ * Features:
+ * - Red/orange glow effect using pointLight
+ * - Intensity scales with vulnerability multiplier
+ * - Smooth fade in/out during exposure window
+ * - Positioned at limb location on character model
+ * - Performance optimized for 60fps
+ *
+ * @module components/shared/three/effects/LimbExposureIndicator3D
+ * @category Combat Effects
+ * @korean 사지노출표시기3D
+ */
+import React from "react";
+import type { CounterOpportunity, Position3D } from "../../../../types/physics";
+/**
+ * Props for LimbExposureIndicator3D component
+ */
+export interface LimbExposureIndicator3DProps {
+    /** Counter-attack opportunity with exposure data */
+    readonly opportunity: CounterOpportunity | undefined;
+    /** Character position in 3D space (meters) */
+    readonly characterPosition: Position3D;
+    /** Whether the character is facing left */
+    readonly facingLeft?: boolean;
+    /** Whether to use mobile-optimized rendering */
+    readonly isMobile?: boolean;
+    /** Current time in technique execution (ms) */
+    readonly currentTime: number;
+    /** Test ID for component testing */
+    readonly "data-testid"?: string;
+}
+/**
+ * LimbExposureIndicator3D Component
+ *
+ * Renders a glowing point light at the exposed limb position during
+ * vulnerability windows. The light intensity and color reflect the
+ * degree of vulnerability.
+ *
+ * Performance:
+ * - Uses single point light (low overhead)
+ * - Calculates fade factor once per frame
+ * - Memoized offset calculations
+ * - Early return if no opportunity
+ *
+ * @example
+ * ```tsx
+ * <LimbExposureIndicator3D
+ *   opportunity={counterOpportunity}
+ *   characterPosition={{ x: 2, y: 0, z: 0 }}
+ *   facingLeft={false}
+ *   isMobile={false}
+ *   currentTime={450}
+ * />
+ * ```
+ */
+export declare const LimbExposureIndicator3D: React.FC<LimbExposureIndicator3DProps>;
+declare const _default: React.NamedExoticComponent<LimbExposureIndicator3DProps>;
+export default _default;
+//# sourceMappingURL=LimbExposureIndicator3D.d.ts.map

package/lib/components/shared/three/effects/LimbExposureIndicator3D.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LimbExposureIndicator3D.d.ts","sourceRoot":"","sources":["../../../../../src/components/shared/three/effects/LimbExposureIndicator3D.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAGH,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EACV,kBAAkB,EAElB,UAAU,EACX,MAAM,2BAA2B,CAAC;AAGnC;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,oDAAoD;IACpD,QAAQ,CAAC,WAAW,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACrD,8CAA8C;IAC9C,QAAQ,CAAC,iBAAiB,EAAE,UAAU,CAAC;IACvC,2CAA2C;IAC3C,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC;IAC9B,gDAAgD;IAChD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,+CAA+C;IAC/C,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;IAC7B,oCAAoC;IACpC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAgKD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAC5C,4BAA4B,CA6G7B,CAAC;;AAMF,wBAkBE"}