Have you ever found your mind drifting while trying to get work done on your computer? In this short, whimsical version of Rock, Paper, Scissors (Dolphin, Unicorn), allow yourself a couple moments to drift away into game land and play, before re-setting and returning to the task at hand. Save this simple game to your desktop when you need a fun mental break!
In this project, we were asked to build an app that positions the human against the computer in a classic and advanced version of the game Rock Paper, Scissors. The rules to both games are located on the main page, which the user may reference at any time during play. In the classic game, users select a diamond ring (rock), paper airplane (paper), or pair of scissors and play as normal. In the advanced game, a dolphin and unicorn are added.
- From the repo click the code button and copy the SSH link.
- Open terminal by pressing command + space bar, and search for terminal
- Inside of you terminal type
git clone
and then paste the ssh link. It should look like this: [email protected]:jordan-sullivan/Rock-Paper-Scissors.git - In your terminal type
cd rock-paper-scissors
- Then type
open index.html
- The browser should then deploy
- On opening the browser, choose the version of the game you'd like to play.
- In the CLASSIC GAME, you will take a turn first, and select an icon.
- Immediatley after, the computer will select a randomly generated icon.
- Your choices, along with the winner result will be displayed on the page, and your scores will update in the side-bars.
- When there is a tie game, no one scores.
- Play as any times as you wish.
- In the ADVANVED GAME, the rules are the same.
- Refer to the main page button for rules on which icon beats another at any time.
- Choose a different game at any time and keep your current score intact.
- JavaScript
- CSS
- HTML
This project features:
- The index.html file defines the structure of the content and semanitcs of the page.
- A game.js and player.js file which stores most of the functionality for game on the data model.
- The main.js file provides the functionality for the page in connection to the DOM.
- The styles.css file houses the style choices for the application.
- Using tool tips , I will add a hover event over the icons during game play to remind the user of the icon hierarchy
- A local storage feature will be implemented to save scores after page load
- A reset score button will be added to clear the score to 0
- I used a Google Spreadsheet to help me stay on track and meet the deadline.
- The project specs and guideline can be found here
- specialty icons created by Freepik-Flaticon
- fairy-human / desk-computer / diamond-ring / paper-airplane / scissors / dolphin / happy-unicorn