🎮 Rock Paper Scissors Game (ver2)

A modern, interactive web-based Rock Paper Scissors game with enhanced features and a beautiful user interface.

✨ Features

• 🎯 Multiple Game Modes
  • Best of 3
  • Best of 5
• 🎨 Theme Support
  • Dark/Light mode toggle
  • Persistent theme preference
• 🎮 Gameplay Features
  • Animated choices and feedback
  • Sound effects for wins, losses, and draws
  • Keyboard shortcuts (R, P, S)
  • Move history tracking
• 📊 Statistics
  • Win rate calculation
  • Streak counter
  • Best streak record
  • Total games played
• 🎯 User Experience
  • Responsive design for all devices
  • Tooltips for game rules
  • Interactive animations
  • Clear game feedback

🚀 Technologies Used

• HTML5
• CSS3 (with CSS Variables)
• JavaScript (ES6+)
• Font Awesome Icons
• Local Storage API

🎯 How to Play

1. Choose your game mode (Best of 3 or Best of 5)
2. Make your move by either:
   • Clicking on Rock, Paper, or Scissors
   • Using keyboard shortcuts:
     • R for Rock
     • P for Paper
     • S for Scissors
3. Watch the animations and listen for sound feedback
4. Track your progress in the statistics panel
5. Toggle between dark and light themes as preferred

🛠️ Installation

1. Clone the repository:

   git clone https://github.com/HexCrystal69/RPS_Ver2.git

2. Navigate to the project directory:

   cd rock-paper-scissors

3. Open index.html in your web browser

📱 Responsive Design

The game is fully responsive and works on:

• Desktop computers
• Tablets
• Mobile phones

🎨 Customization

The game uses CSS variables for easy customization. You can modify the colors in the :root section of styles.css:

:root {
  --primary-color: #081b31;
  --secondary-color: #2c3e50;
  --accent-color: #3498db;
  --success-color: #2ecc71;
  --danger-color: #e74c3c;
  --text-color: #ecf0f1;
}

Screenshots