Variable FPSMonitor`Const`

FPSMonitor: React.FC<FPSMonitorProps> = ...

FPSMonitor Component

Monitors and displays real-time FPS during combat. Uses Three.js useFrame to calculate frames per second and provides visual feedback:

Green: 60+ fps (excellent)
Yellow: 50-59 fps (warning)
Orange: 30-49 fps (poor)
Red: <30 fps (critical)

Example

<FPSMonitor
  enabled={showPerformanceStats}
  warningThreshold={50}
  onFPSDrop={(fps) => console.warn(`Performance drop: ${fps} fps`)}
/>