Skip to content

Implementation Timeline

Jump to bottom
jas-singh-code edited this page Apr 5, 2021 · 1 revision

Implementation Timeline:

Day 1 Build the Canvas layout

  1. Read through canvas doumentation and try to set up backdrop/ platform for users to walk one/ paths/ puzzles to lay.
  2. Create borders for where all areas and paths will be. There will be 4 centre, 2 puzzle and many objects throught the whole map. Make a layout on the site to accomadate this:

    • starting centre- where users can take a moment and learn the moves for the game(up down left right jump)

    • about me centre- fun facts about me. My hobbies, interests and fun facts

    • Projects centre- display link to all projects, show bugs encountered, technologies learned, and fun facts.

    • resume centre- display my resume along with pictures/ links to internet presence and LinkedIN

    • projects Puzzle- simple memory game where users will see a combination of colors each round, and have to input that combination each round. Each round adds 1 more color to the combination.

    • Resume Puzzle- simple game of shuffle cups where users will have to find where the ball under the cup is.

Day 2 create the stagging centre and teach the user the controls.

  1. show the controls modal which goes away after the user presses all the buttons
  2. Read into the three.js documentation and understand how to use and implement it
  3. create the avatar for the user.

Day 3 Create the projects puzzle and wall/door to unlock the Projects Centre

  1. Puzzle logic in puzzles.js
  2. three.js should be minipulated to render logic.
  3. should be time based

Day 4 Create the projects area 1 having the puzzle logic done, start placing peices of links, images, and text for your projects centre.

Day 5 Add interactive objects the user can minuplate

  1. Add a bouncy ball,
  2. breakable walls
  3. tranpolines

Day 6 Create the about me centre using three.js

  1. continue to read into three.js and create a simple about me area as a warmup. Interactivity should be minimal, focus more on understanding how to implement three.js
  2. Add writing, pictures, props.

Day 7 finishing touches

Clone this wiki locally