Add a coordinate system and mouse tracking to the canvas

Adds X and Y axis labels to the canvas, displays mouse coordinates on hover, and updates the project documentation to reflect these new features.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 0385ea33-cde8-4bbd-8fce-8d192d30eb41
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/870d08ce-da3b-4822-9874-c2fe2b7628b1/0385ea33-cde8-4bbd-8fce-8d192d30eb41/zNDeQGA
This commit is contained in:
freesemar93
2025-08-18 12:28:14 +00:00
parent 5f88d407ee
commit a3e07b5898
3 changed files with 76 additions and 7 deletions

View File

@@ -45,10 +45,12 @@ Language: German (Deutsch) - User communicates in German and prefers responses i
**User Experience Features**
- Interactive canvas with zoom and pan capabilities
- Color palette with 16 predefined colors
- Official r/place 2022 color palette with 32 authentic colors arranged in 8x4 grid
- Coordinate system with X/Y axis labels showing every 10th position
- Real-time mouse coordinate tracking and display
- Cooldown system to prevent pixel spam
- Recent placements tracking and display
- Grid overlay toggle for precise pixel placement
- Canvas size and zoom level information display
- Toast notifications for user feedback
## External Dependencies