A stylish and interactive Rock–Paper–Scissors game against the computer featuring animated buttons, score tracking, background music, sound effects, and confetti celebrations! Designed using HTML, CSS, and JavaScript.
- 🪨 Rock–Paper–Scissors Gameplay
- 👨💻 Play vs Computer (Randomized)
- 🔊 Background Music + Sound Effects (Win & Lose)
- 🎉 Confetti Animation on Winning
- ✨ Button Entry Animations
- 📱 Responsive UI for Mobile Screens
- 🎨 Custom fonts and modern UI
docs/
│
├── index.html # Main HTML structure
├── styles.css # Styling and animations
├── index.js # Game logic & event handling
│
├── assets/ # Images & audio files
│ ├── 6729598.png # Favicon
│ ├── bg_audio.mp3 # Background music
│ ├── victory.mp3 # Victory sound
│ └── lose.mp3 # Losing sound
│
└── README.md # Project documentation
- HTML5 – UI structure
- CSS3 – Styling, animations, responsiveness
- JavaScript – Game functionality
- Google Fonts – Custom typography
- Canvas Confetti JS (CDN) – Win animation
-
Download or clone the repository:
git clone https://github.com/kartikktripathi/fate-of-three.git
-
Open the project folder.
-
Double-click index.html to open it in your browser.
-
Start playing! 🎮
- Rock beats Scissors
- Scissors beats Paper
- Paper beats Rock
- Same choices → Tie
| Name |
|---|
| Injora Injora |
| Kartik Tripathi |
| Ashwin Alwa |
- Add multiplayer mode
- Add advanced animations
- Add multiple themes (dark/light)
This project is open-source. Feel free to modify and improve.
- Google Fonts
- Canvas Confetti library
- Emojis for Rock, Paper, Scissors
https://kartikktripathi.github.io/Fate-of-Three/
Enjoy the Game! 🎉🪨📃✂️