kvramyasri7 / boardgame

Race Through Space, a two-player, space-themed board game.

Race Through Space

A two-player, space themed board game.

Two players have landed on some-orange-planet-far-far-away and will race to get home to Earth. Why? Because this is a game. While players traverse through space, they will encounter different types of votexes - ones that shoot them forward, ones that shoot them backward, and ones that pose a challenge. The goal of Race Through Space is to be the first player to reach Earth.

To Play

Taking turns, two players "roll dice" to move their spaceships on the board.

This is mostly a game of luck, dependent heavily on a roll of the dice, but if players land on a "challenge" space, they can try to get ahead by beating their opponent at tic-tac-toe or catching screws flying around.

To start,

1. Enter player 1 and player 2's names (or name your spaceships!)
2. Click 'Go' to start the game
3. Click 'Roll'
4. Click on your spaceship game piece to move it forward

Technology Used

HMTL, CSS, JavaScript, jQuery

The game boards were created and styled using HTML and CSS, and the game's interactivity was developed with JavaScript and jQuery.

User Stories

As a player, I can enter my player name for easier tracking of turns.

As a player, I click a button to stand-in for dice-rolling, to find out what spot I will move to.

As a player, my game piece moves forward or backward depending on the action assigned to each space and the number I "rolled".

As a player, I can play a sub game if I land on a "challenge" space, so the game is more interesting.

As a player, I know when I've won because it is announced clearly.

Approach

First I listed a backlog in Trello (but later sort of abandoned it, which is why it's not linked here. Shouldn't have worked without a plan on some features, as I kept realizing I'd missed scenarios to account for).

Then I planned out my board here.

Then I built the game in phases:

1. Structure of the board using HTML and CSS.
2. Logic for progression through the board.
3. Logic for special squares
4. Tic Tac Toe bonus game
5. Grab The Screws bonus game
6. Styling

Outstanding Challenges

The tic-tac-toe board and the catching challenge code needs to be refactored. This code is not DRY. But these are bonus games, so..

When a player lands on a "challenge" space, the intention was to allow them to choose whether they want to play a one- or two-player game. I broke the code, though, and neither supplementary game is resetting correctly after the first time it's played. Until this can be figured out, this has been detoured around and commented out.

When the challenge has already been played. I want there to be a message saying that the player doesn't have to do the challenge since it's been done. It's not working for the Grab the Screws challenge, so it's commented out.

Future Work

As a player, I want additional challenge games for more excitement.

As a player, I want to choose my own avatar.

As a player, I want my piece to "fly" to it's next spot.

As a player, I want additional animations.

Acknowledgements

Fonts

• Google Fonts [1] [2]

Images

• Page Background
• Start Space
• Forward Space
• Backward Space
• Challenge Space
• Last Space
• Player 1 Piece
• Player 2 Piece
• Tic Tac Toe Challenge Background
• Tic Tac Toe Challenge Player 2 Piece
• Grab Challenge Piece
• Winner Gif

Sounds

[1] [2] [3] [4] [5] [7] [8] [9] [10] [11] [12] [13]

All images and sounds are borrowed without permission.

Note

This game is by no means scientifically accurate. Obviously.