Implementation Timeline

Implementation Timeline

Day 1: Setup all necessary Node modules, including getting webpack up and running. Write a basic entry file and the bare bones of main.js, player.js, and game.js. Revisit the basics of HTML Canvas and how to draw simple objects for player and enemy characters.

Goals for the day:

• Finish project structure and dependencies
• Learn enough Canvas to render a player object and game area to the browser

Day 2: Dedicate this day to learning Canvas in greater detail. First, build out the Player object to connect to the GameView object. Then, use game.js to create and render at least the square game area. Build in the ability for the Player to move using WASD keys.

Goals for the day:

• Complete the player.js and enemy.js modules (constructor, update functions)
• Render a square game area

Day 3: Create the light.js module and damage logic. Build out functions for handling the battery life and light pulses for enemy damage. Incorporate the light logic into enemy.js.

Goals for the day:

• Connect the Player object with flashlight logic, and make it controllable with the player's mouse.
• Have a functional grid on the HTML Baz frontend that correctly handles iterations from one generation of the game to the next

Day 4: Finalize the controls for the user to interact with the game. Style the frontend, include social links and add music with controls, and finish the production README.

Goals for the day:

• Fine-tune player and enemy movement
• Create Start, Win, Lose splashes
• Create About/controls view
• Have a styled HTML, nav links, and title
• Include buttons on the side to toggle music

Bonus features

Anticipated add-ons for the game include:

• Particle effects for enemy damage
• Additional levels and story components