Skip to content

A fun, interactive Rock, Paper, Scissors game inspired by the classic arcade game Double Dragon, built with Vanilla JavaScript, HTML5, and CSS3. Challenge the AI opponent in a retro-themed environment with animations and mobile-friendly design.

Notifications You must be signed in to change notification settings

j-winston/RockPaperScissors-JavaScript-Game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Double Dragon Rock Paper Scissors: A Vanilla JavaScript Game

Remember the arcade hit, Double Dragon? Here’s a rock-paper-scissors version inspired by one of my childhood favorites. This game is built with Vanilla JavaScript, HTML5, and CSS3. Face off against Willy in hand-to-hand combat using the classic "rock, paper, scissors" format with a retro game vibe!

Play the game here


Features

  • Interactive Gameplay: Play against a simple AI opponent that reacts to user input.
  • Retro UI: Nostalgic design inspired by classic arcade games.
  • Responsive Design: Optimized for both desktop and mobile screens.
  • JavaScript Game Logic: Core functionality built using Vanilla JavaScript to handle game rounds and outcomes.
  • Animations: Basic CSS animations to enhance user experience during gameplay.

Screenshots

Screenshot from 2022-08-15 16-21-17

Screenshot from 2022-08-15 16-21-41 Screenshot from 2022-08-15 16-21-46 Screenshot from 2022-08-15 16-22-15


Technologies Used

  • Vanilla JavaScript: Core game logic.
  • HTML5: Structuring the game interface.
  • CSS3: Styling and layout, including responsive design for mobile and desktop.
  • GitHub Pages: Deployed the game for public access.

How to Play

  1. Choose your move: Rock, Scissors, or Paper.
  2. Battle Willy: The AI opponent will randomly choose its move.
  3. Game Outcome: See who wins based on the classic rules of rock-paper-scissors.

Setup and Installation

To run the project locally, follow these steps:

Setup and Installation

Follow these steps to set up and run the project locally on your machine.

1. Clone the Repository

To get a copy of the project on your local machine, use the following command:

git clone https://github.com/j-winston/RockPaperScissors-JavaScript-Game.git

2. Navigate to the Project Directory

Once the repository is cloned, use the following command to navigate to the project folder:

cd RockPaperScissors-JavaScript-Game

3. Open index.html File

To run the game locally, open the index.html file directly in your browser.

4. Future Potential Improvements

  • Add sound effects to enhance the gaming experience.
  • Implement a multiplayer mode for users to play against each other.
  • Add more difficulty levels to challenge the player.
  • Include additional characters and moves to expand the gameplay options.

5. Inspiration

The Double Dragon arcade game inspired this project. The idea was to merge a nostalgic game aesthetic with a fun web-based game like rock-paper-scissors.

6. Contact

If you have any questions or feedback, feel free to reach out.

About

A fun, interactive Rock, Paper, Scissors game inspired by the classic arcade game Double Dragon, built with Vanilla JavaScript, HTML5, and CSS3. Challenge the AI opponent in a retro-themed environment with animations and mobile-friendly design.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published