Color Flood is an perfect-information strategy game where the player's goal is to flood the board with a single color. Starting from the top left corner, the player clicks tiles on the board and changes the current color of the "flood" as it infects the map. The fewer the turns the better!
Users will be able to:
-
Start and restart games
-
Track the number of moves
-
Click handler on every tile for color change
-
Select how many colors to use
Games will be randomly seeded.
This single-page app will consist of a grid map, clickable tiles and a counter tracking moves made.
The project utilizes:
-
Javascript: handles the core logic, DOM setup and manipulation
-
Webpack simplify script deployment
Weekend:
-
Research different games/applications
-
Research similar games and implementations
Monday Day 1: Build out necessary files: webpack.config.js
, package.json
, and index.html
.
Goals:
-
Set Up Files
-
Build framework for grid
-
Build color array
Tuesday Day 2: Research Logic for converting tiles and set up selectable tiles at App base.
-
Build the board creation file.
-
Create and test conversion functions
-
Have rough template done (playing grid, color selectors, counter)
Wednesday Day 3: Continue working on conversion logic and expand the tests to a complete grid.
-
Finalize flooding logic
-
Fully implement turn tracking
-
Complete app skeleton for styling
Thursday Day 4: Complete working draft and finalize test runs. Style webpage and grid.
-
Finalize the template
-
Test entire functionality:
-
Game completion
-
Game Reset
-
-
Fully stylize the canvas
Friday Day 5: Submit Project
-
User Submitted Colors
-
Fastest Completion
-
Wins/Losses tracking
-
Adjustable Grid Sizes