Namespace BalanceIndicatorOverlayHtml

BalanceIndicatorOverlayHtml - 3D Html overlay for balance visualization

Renders above player character in 3D space using Html from @react-three/drei. Shows balance percentage, vulnerability state, and active modifiers.

Features:

Red border + shake animation when vulnerable
Bilingual Korean/English labels
Transition vulnerability indicator
Rapid change penalty warning

Example

<BalanceIndicatorOverlayHtml
  player={playerState}
  currentTime={Date.now()}
  position={[0, 2.5, 0]}
  isMobile={false}
/>

Variables

displayName