In Zoo Dots, players match two or more animals of the same species. Using only horizontal and vertical lines, players draw a continuous line between neighboring animals, earning points equal to the number selected. Selected animals disappear, existing animals shift down to replace those that were removed, and new animals fall from above to fill any gaps. If a player makes a 2x2 square, every animal of that species is removed from the board. The game ends after 60 seconds.
In this game, players will:
- Toggle sound
- Click and drag to select 2+ neighbors
- Undo a selection by reversing the path their mouse traced
- Remove all animals of a given species when a square is made
- See their final score when the game is over
- See their top score
- Play Again or Return to Home Screen
Additional MVPs:
- Concise tutorial text for new players
- A production README
Zoo Dots will be made using vanilla JS, HTML5, and CSS3. Animal images courtesy of EmojiOne.
- index.js
- game.js
- board.js
- grid.js
- animal.js
- util.js
- Create intro screen with links, settings, and start button
- Create grid & populate grid with animals
- Generate selection logic for neighboring animals
- Implement selection logic for neighbors
- Already-selected animals cannot be chosen again or crossed over
- Animals must be horizontal or vertical neighbors
- Handle removal of animals from board and their replacement
- Implement de-selection of animals by reversing mouse path
- Game Over screen
- Ending logic
- Scorekeeping and reporting of final scores
- Add limited moves mode
- Add infinite mode
- Implement various powerups/obstacles
- Add puzzle mode(?)
- Add unlockable themes