Skip to content

Latest commit

 

History

History
75 lines (49 loc) · 3.28 KB

File metadata and controls

75 lines (49 loc) · 3.28 KB

RPS-Multiplayer

Multiplayer Rock - Paper - Scissors Game

Tech Used

  • HTML
  • CSS
  • Bootstrap
  • JavaScript
  • jQuery
  • moment.js
  • firebase

Contents

Default Page - index.html

Instructions

  1. On load of the page, enter a User Name in the space provide and hit the submit button.

    Image of Default Page Screenshot

    1. Programming will decide what you are allowed to do!

      1. The first player to enter the game will be player 1 and the name will show in the appropriate area.

      Image of Player 1 Page Screenshot

      1. The second player to enter the game will be player 2 and the name will show in the appropriate area.

      Image of Player 2 Page Screenshot

      1. Only Two Players are allowed per game.
        1. Any subsequent players are added with a message that the "Game is Full" but that they can still chat!
    2. Each Player has a corresponding section that allows them to select Rock, Paper, or Scissors

      1. Selections are noted to a database and are hidden from view until both players have made a selection

      Image of Player 1 Select Page Screenshot

      Image of Player 2 Waiting to Select Page Screenshot

    3. When both players have made a selection, a Winner and Loser are determined.

      1. Rock smashes Scissors
      2. Paper covers Rock
      3. Scissors cut Paper
      4. Same selections are Ties.
    4. The game determines the Winner and shows the results.

      1. With the results, either player is allowed to ask for a "Rematch" by clicking the rematch button.

      Image of Player 1 Win Page Screenshot

      Image of Player 2 Win Page Screenshot

    5. Scores are maintained for each player in their own sections.

Special Features

  1. Upon hitting the submit button to try to enter the game, checks are done to see if there is an ACTIVE game already in progress.

    1. A game is considered ACTIVE if there have been updates in the last 5 minutes.
    2. If there isn't an ACTIVE game, the database is refreshed and the user is allowed to enter as Player 1 and wait for a second player.
    3. If there is an ACTIVE game, the process will decide if the user becomes a player or just a "chatter"

    Image of Player 3 Page Screenshot

  2. The "chatter" will see the game play and the results but can not participate in the game play.

Image of Player 3 Page Screenshot

  1. The Messaging section will be refreshed as each user enters to play or chat.
    1. Messages are tagged with either the User Name or "BOT" (computer) to identify who created the message.
    2. A timestamp is also created and displayed for when that message occurred.
    3. Each users list of messages will only reflect messages from the point of time that user entered the game.