Balance animation options
Balance animation state and update function
const { swayPosition, helplessRotation, updateBalanceAnimations } =
useBalanceAnimations({
balance: "VULNERABLE",
});
// In useFrame callback
let frameCounter = 0;
useFrame((_, delta) => {
frameCounter = (frameCounter + 1) % 10;
updateBalanceAnimations(delta, frameCounter);
});
// Apply to character group in render:
// position={swayPosition} rotation={[helplessRotation, 0, 0]}
useBalanceAnimations hook
Manages balance state visual effects including sway, stumble, and lean animations. Updates at 60fps with periodic state syncs to reduce re-renders.