Skip to content

kartikktripathi/Fate-of-Three

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

27 Commits
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽฎ Fate of Three โ€“ Rock Paper Scissors Game

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.


๐Ÿ“Œ Features

  • ๐Ÿชจ 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

๐Ÿ“ Project Structure

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

๐Ÿ› ๏ธ Technologies Used

  • HTML5 โ€“ UI structure
  • CSS3 โ€“ Styling, animations, responsiveness
  • JavaScript โ€“ Game functionality
  • Google Fonts โ€“ Custom typography
  • Canvas Confetti JS (CDN) โ€“ Win animation

โ–ถ๏ธ How to Run the Project

  1. Download or clone the repository:

    git clone https://github.com/kartikktripathi/fate-of-three.git
  2. Open the project folder.

  3. Double-click index.html to open it in your browser.

  4. Start playing! ๐ŸŽฎ


๐ŸŽฏ Game Rules

  • Rock beats Scissors
  • Scissors beats Paper
  • Paper beats Rock
  • Same choices โ†’ Tie

๐Ÿ‘ฅ Contributors

Name
Injora Injora
Kartik Tripathi
Ashwin Alwa

๐Ÿš€ Future Improvements

  • Add multiplayer mode
  • Add advanced animations
  • Add multiple themes (dark/light)

๐Ÿ“„ License

This project is open-source. Feel free to modify and improve.


โค๏ธ Acknowledgements

  • Google Fonts
  • Canvas Confetti library
  • Emojis for Rock, Paper, Scissors

๐Ÿ”— Deployed Link

https://kartikktripathi.github.io/Fate-of-Three/


Enjoy the Game! ๐ŸŽ‰๐Ÿชจ๐Ÿ“ƒโœ‚๏ธ

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors