🎮 Tactics Board

🏃 A real-time interactive football tactics board! ⚽

✨ Features

🎯 Interactive Field

• Drag-and-drop players with smooth animations
• Multiple formation presets
• Team visibility controls

🎨 Drawing Tools

• 🔺 Two triangle tools with different colors
• 〰️ Line tool for movement paths
• 📝 Player numbers toggle
• ⚽ Movable ball object

🌐 Real-time Collaboration

• Instant updates across all connected users
• Perfect for team planning!

📋 Requirements

• Python 3.10 or higher
• Pygame
• Flask with SocketIO
• Web browser with HTML5 Canvas support

🚀 Getting Started

1. 🖱️ Click "Run" to start the application
2. 📋 Select formations for both teams
3. 🎯 Use the Tools menu for drawing
4. 👥 Toggle objects in the Objects menu

🎮 Controls

👥 Team Management

• 📊 Formation dropdowns
• 👁️ Team visibility toggles
• 🔄 Reset button

🎨 Drawing Tools

1. Select your tool:
   • 📝 Numbers
   • 🔺 Triangle 1 (Orange)
   • 🔻 Triangle 2 (Purple)
   • ➡️ Lines
2. 🎯 Click players to create shapes
3. ⏹️ Use "Stop Tool" when done
4. 👁️ "Toggle Shapes" for visibility
5. 🔄 Reset Tool to clear

🎯 Player Movement

• 🖱️ Click and drag players
• ⚠️ Clean clicks needed with numbers displayed

🛠️ Technical Details

• 🐍 Backend: Flask with SocketIO
• 💻 Frontend: HTML5 Canvas
• 🌐 Real-time WebSocket updates
• 🖥️ Canvas: 1920x1080

⚠️ Known Issues

• ⚡ Dragging performance
• 💢 Drastic dragging performance with numbers
• 📱 Mobile experience needs work
• 🎨 Shape tool refinements needed

🔜 Coming Soon!

• 📋 More formation options
• ➡️ Multiple line tools
• 🎨 Team color customization
• 📱 Mobile optimization

📌 Version

Current version: 0.9.0 (Beta) 🚧

👨‍💻 Author

Created with ❤️ by spyderkam

📜 License

This project is licensed under the MIT License. See the LICENSE file for details.

---

Last updated: 2024 ✨