Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/j-winston/rockpaperscissors-javascript-game
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.
https://github.com/j-winston/rockpaperscissors-javascript-game
css3 game-development html5 javascript mobile-first mobilefriendly responsive-design retro-game vanilla-javascript web-development
Last synced: about 2 months ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/j-winston/rockpaperscissors-javascript-game
- Owner: j-winston
- Created: 2022-06-17T22:35:44.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-10-23T16:55:58.000Z (2 months ago)
- Last Synced: 2024-10-23T23:46:42.657Z (2 months ago)
- Topics: css3, game-development, html5, javascript, mobile-first, mobilefriendly, responsive-design, retro-game, vanilla-javascript, web-development
- Language: JavaScript
- Homepage: https://j-winston.github.io/Double-Dragon-Rock-Scissors-Paper/
- Size: 62.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](https://j-winston.github.io/Double-Dragon-Rock-Scissors-Paper/)
---
## 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
---
## 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:
```bash
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:
```bash
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.