Skip to content

Latest commit

 

History

History
101 lines (69 loc) · 3.5 KB

README.md

File metadata and controls

101 lines (69 loc) · 3.5 KB

Runner 3D

The Sequel

From the creator of the hit game MAIZE Runner comes Runner 3D!! You, the user will have to beat the clock as you run through a 3D maze filled with monsters and obsticles. Happy running and mind the traps.

Synopsis

Runner 3D is a 3 dimensional survival game built with React 3 fibre. The user will have to find the exit in a 3D environment while avoiding traps and obsticles before the timer runs out. MVP will include the user being able to traverse through a 3d maze, then in sunsequent versions we'll include traps, bonus's , and monsters with a battle system.

Wireframe

uploadcare uploadcare uploadcare uploadcare uploadcare

Tech

  • JavaScript
  • Three Js
  • React 3 Fibre
  • Cannon-es
  • Postgresql
  • Express

ERD

uploadcare

REST API

uploadcare

User Stories (MVP)

  • As a user a want to be able to start a game
  • As a user I want to see instructions on how to play the game
  • As a user I want to be able to move around the maze
  • As a user I was to be able to win or lose
  • As a user I want to be able to replay the game after winning or losing

User Flow

  • The user lands on the splash at the root page
  • The user presses the start button and the instructions appear on the page
  • The map renders and the user can move through the maze and find the exit
  • There is a timer that counts down the amount of time that the user has before the game is over
  • When the timer runs out or the user finds the exit, there will we a victory/death screen displayed to the user
  • The victory/loss screen has a replay button

MVP

  • There is a function to start the game
  • There is an info screen letting the user know how to play the game
  • Starting the game renders a 3D maze
  • The user can navigate the 3d maze in first person view
  • The user can win by finding the exit
  • The user loses when the time runs out

Stretch Goals

  • Add sfx
  • Add traps
  • Time bonuses
  • Add monsters
  • Add monsters patrol patterns
  • Add a battle system
  • Add a database
  • Go full stack and add a leaderboard

Process by Day breakdown

  • Day 1 - 2 learn Three.js and React 3 Fibre through the React 3 fibre portfolio building tutorial and #D game building tutorials
  • Day 2 - 3 build and renders maze
  • Day 3 - 4 figure out how to implement movement through the maze
  • Day 4 - 6 buffer days to get the maze to render and the user to move through the maze ** If there are no issues here we we start building out the start game and instruction screens ** Add the timer and the win and lose conditions ** If there is time we will work on the stretch goals in order

Potential Road Blocks

  • Learning this library may not be strait forward