blacktrigram 0.7.45 → 0.7.48

package/lib/components/screens/combat/CombatScreen3D.js

@@ -11,7 +11,7 @@ import { Z_INDEX } from "../../../types/LayoutTypes.js";
 import { InjuryType } from "../../../types/injury.js";
 import { TRIGRAM_STANCES_ORDER } from "../../../systems/trigram/types.js";
 import { useKeyboardControls } from "../../../hooks/useKeyboardControls.js";
-import { getAnimation, resolveTechniqueAnimation } from "../../../systems/animation/core/AnimationRegistry.js";
+import { getAnimation, getAnimationDurationOrFallback, resolveTechniqueAnimation } from "../../../systems/animation/core/AnimationRegistry.js";
 import { determineRecoveryType, getRecoveryAnimationState } from "../../../systems/animation/catalogs/RecoveryAnimations.js";
 import { usePlayerAnimation } from "../../../hooks/usePlayerAnimation.js";
 import useRoundTransition from "../../../hooks/useRoundTransition.js";
@@ -86,6 +86,7 @@ import { Bloom, EffectComposer, Noise, Vignette } from "@react-three/postprocess
 * Maintains all existing combat logic and state management
 * Uses Html overlays for UI and 3D meshes for game objects
 */
+var PLAYER_ONE_INDEX = 0;
 /**
 * CombatScreen3D Component
 * Three.js-based combat screen with 3D characters and effects
@@ -506,6 +507,14 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 		setPlayer2AttackAnimation(void 0);
 		setPlayer2TechniqueId(void 0);
 	});
+	const preparePlayer1AttackTiming = useCallback((animationName) => {
+		const attackDuration = getAnimationDurationOrFallback(animationName);
+		const attackFrames = Math.max(1, Math.round(attackDuration * 60));
+		player1HitTriggerFrameRef.current = Math.round(attackFrames * .4);
+		player1AttackHitFiredRef.current = false;
+		setPlayer1AttackDuration(attackDuration);
+		return attackDuration;
+	}, []);
 	const player1Animation = usePlayerAnimation({ events: useMemo(() => ({
 		onFrame: (frame, state) => {
 			if (state === AnimationState.ATTACK && frame >= player1HitTriggerFrameRef.current && !player1AttackHitFiredRef.current) {
@@ -805,11 +814,7 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 			const animationName = resolveTechniqueAnimation(technique);
 			setPlayer1AttackAnimation(animationName);
 			setPlayer1TechniqueId(technique.id);
-			const attackDuration = getAnimation(animationName)?.duration ?? .55;
-			const attackFrames = Math.max(1, Math.round(attackDuration * 60));
-			player1HitTriggerFrameRef.current = Math.round(attackFrames * .4);
-			player1AttackHitFiredRef.current = false;
-			setPlayer1AttackDuration(attackDuration);
+			const attackDuration = preparePlayer1AttackTiming(animationName);
 			player1Animation.transitionToAttack(attackDuration);
 			combatActions.setExecutingTechnique(true);
 			onPlayerUpdate(0, {
@@ -825,7 +830,8 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 			handleAttack,
 			addCombatMessage,
 			player1Animation,
-			combatActions
+			combatActions,
+			preparePlayer1AttackTiming
 		])
 	});
 	const cooldownsMap = useMemo(() => {
@@ -842,7 +848,7 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 	}, [currentPlayerStance]);
 	const handleStanceChangeWithAnimation = useCallback((newStance) => {
 		const currentStance = validPlayers[0].currentStance;
-		if (player1Animation.transitionToStanceGuard(newStance)) {
+		if (player1Animation.transitionToStanceChange(currentStance, newStance)) {
 			setPreviousStance(STANCE_INDEX_MAP.get(currentStance) ?? 0);
 			setPlayer1LocalStance(newStance);
 			handleStanceSwitch(newStance);
@@ -899,9 +905,11 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 	]);
 	const handleAttackWithFeedback = useCallback(() => {
 		const basicTechnique = techniqueSelection.availableTechniques[0];
-		setPlayer1AttackAnimation(basicTechnique ? resolveTechniqueAnimation(basicTechnique) : "jab");
+		const animationName = basicTechnique ? resolveTechniqueAnimation(basicTechnique) : "jab";
+		setPlayer1AttackAnimation(animationName);
 		if (basicTechnique?.id) setPlayer1TechniqueId(basicTechnique.id);
-		if (player1Animation.transitionTo(AnimationState.ATTACK)) combatActions.setExecutingTechnique(true);
+		const attackDuration = preparePlayer1AttackTiming(animationName);
+		if (player1Animation.transitionToAttack(attackDuration)) combatActions.setExecutingTechnique(true);
 		else {
 			console.warn("Attack animation transition failed; executing attack logic directly.");
 			handleAttack();
@@ -910,7 +918,8 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 		player1Animation,
 		combatActions,
 		handleAttack,
-		techniqueSelection.availableTechniques
+		techniqueSelection.availableTechniques,
+		preparePlayer1AttackTiming
 	]);
 	const handleDefendWithFeedback = useCallback(() => {
 		const defenderPos = playerPositions[0];
@@ -987,6 +996,7 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 					break;
 				case "stance_side_switch":
 					player1Animation.transitionTo(AnimationState.STANCE_SIDE_SWITCH);
+					handleStanceSideSwitch(PLAYER_ONE_INDEX);
 					break;
 			}
 		}, [
@@ -995,6 +1005,7 @@ var CombatScreen3D = ({ players, onPlayerUpdate, currentRound, timeRemaining, is
 			executeFallbackRecovery,
 			balanceSystem,
 			player1Animation,
+			handleStanceSideSwitch,
 			players,
 			onPlayerUpdate,
 			audio,