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

---

Tech

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

---

ERD

REST API

---

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