Skip to content

Commit

Permalink
Add goals, description, colours in UX section and some credits in the…
Browse files Browse the repository at this point in the history
… README file
  • Loading branch information
Robrowno committed Apr 11, 2022
1 parent 9fe04f5 commit 9fe0540
Show file tree
Hide file tree
Showing 2 changed files with 27 additions and 2 deletions.
23 changes: 23 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,6 +1,13 @@
# Rock-Paper-Scissors

## Scope, Goals and Description
Welcome to my Rock-Paper-Scissors game!

This is a player vs computer game where, following the rules of the game, the user and computer can score points up to 10, before one or the other wins that round.

This game is designed to be played by someone who wants to play a game but doesn't have the time to play something complex. Perhaps on a mobile phone when travelling on the subway/underground. It is also ideal for a younger audience This game is at a simple enough complexity that is can be played and enjoyed by anyone, as it is everyday by children everywhere. The game has many variations to it across the globe, swapping out the names of rock, paper and scissors for other words, or adding complexity by introducing other variables (Such as Rock, Paper, Scissors, Lizard, Spock!). For my game, I've opted to keep the traditional 3 variable rock, paper and scissors!

The goal of this website, beyond testing my Javascript abilities, is to make a well-tested and fully functioning basic game that combines functionality with clean design and colours.

---
## Website across different platforms
Expand All @@ -14,6 +21,17 @@
---
## UX Description

For this game, bright and bold colours were a must. However, I wanted to make sure that they kept the player's focus and didn't distract from the objective of the game!
I featured the follwing:

Colours:
- A radial gradient background featuring #fdbb2d, orange and aquamarine.
- Start-Game and Reset buttons in Green.
- All content boxes in Lightgreen.
- User and Computer score labels in Lightskyblue
- Score and Timer in #fff
- All fonts and borders in Black.

---
## Website features

Expand All @@ -35,6 +53,11 @@
---
## Credits

- Fonts imported from: [Google Fonts](https://fonts.google.com/specimen/Varela+Round?preview.text=Rock%20Paper%20Scissors!&preview.text_type=custom)
- Favicons imported from: [Favicon.io](https://favicon.io/emoji-favicons/oncoming-fist)
- Learned how to make colour gradient backgrounds on: [cssgradient.io](https://cssgradient.io/)
- Image for Rock, Paper, Scissors rules came from here: [RPS Rules image](https://andygrunwald.com/blog/playing-rockpaperscissors-with-500-people/)

---
## Final Thoughts for PP2

Expand Down
6 changes: 4 additions & 2 deletions assets/javascript/style.js
Original file line number Diff line number Diff line change
Expand Up @@ -125,9 +125,11 @@ function reset() {
}

// Round reset

/*let i = document.getElementById('u-score').innerHTML;
/*
let i = document.getElementById('u-score').innerHTML;
console.log(typeof i)
let j = document.getElementById('c-score').innerHTML
console.log(typeof j)
for (i; i < 10; i++) {
//run timer
} while (i === 10) {
Expand Down

0 comments on commit 9fe0540

Please sign in to comment.