Repository navigation
OVERLAY SYSTEM IS RELEASE-READY!
The overlay system is ready for use.
Overlay System - Quick Start Guide
1. Enable Overlay
- Go to Settings → Overlay Settings
- Toggle "Show Overlay" to ON
- Important: You must select a Target Monitor first!
2. Select Target Monitor
- In the Target Monitor dropdown, choose your gaming monitor
- The overlay will position itself on the selected monitor
- Note: Game must be in Borderless Fullscreen or Window mode for overlay to work
Customize Appearance
3. Set Overlay Color
- Use the color picker to choose your preferred color
- Adjust opacity slider (0-100%) for transparency
- Preview shows solid vs. transparent versions
Configure Widgets
4. Choose Which Widgets to Show
- Click "Configure Widgets" button
- Toggle individual widgets ON/OFF:
- Status - Current ship/on foot status
- PVP K/D Ratio - Player vs Player stats
- PVE K/D Ratio - Player vs Environment stats
- Log Lines Processed - Processing counter
- Nearby Players - Detected nearby players
- Last Killed By - Who killed you last
- Last Killed - Who you killed last
- XP Progress Bar - Experience and rank progress
Position Widgets
5. Enter Edit Mode
- Click "Enable Edit Mode" button in settings
- Overlay will show with dashed border and semi-transparent background
- All widgets become draggable
6. Move Widgets
- Drag any widget to reposition it
- Widgets snap to a 20px grid for alignment
- Visual feedback shows when dragging
7. Save Configuration
- Click "Save Configuration" button in the overlay
- Or click "Disable Edit Mode" in settings
- Positions are automatically saved to settings
Quick Tips
- Edit Mode: Toggle between edit and normal mode anytime
- Monitor Selection: Overlay allows selecting which monitor the components should display on
- Real-time: Widget visibility changes take effect immediately
- Persistence: All settings and positions are saved automatically
- Validation: System prevents overlay activation without target monitor
Complete Overlay Architecture
Core Components
Overlay.jsx- Main overlay window with drag-and-drop functionalityWidgetConfigModal.jsx- Widget visibility configuration dialogOverlaySettings.jsx- Settings integration with validationOverlayTheme.jsx- Dynamic theming system- 8 Individual Widget Components - Status, PVP K/D, PVE K/D, XP Bar, Last Kill, Last Killed By, and Nearby Player Actions.
What's Changed
- Feature/overlay by @ChrisNSki in #41
- Version/1.0.6 by @ChrisNSki in #42
Full Changelog: v1.0.5...v1.0.6