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! ๐๐ชจ๐โ๏ธ