A web application adaptation of the old family card game built using vue
color-countdown
A web application adaptation of the old family card game that involves playing card that match either color or number until your hand runs out. This web application can also support broadcast content creator with special game modes.
Core Game Loop
The base game loop is that every player takes a turn playing a card, that card must match either the color or the number of the previously played card. This continues until one player has no card remaining and is declared the winner.
Features
- Game Modes
- Time Based
In this mode each player must play a card within a spesific time limit or they will be penalized by having to draw a card. The time limit can be fully adjusted to account for possible lantency.
- Turn Based
In this mode there is no time contrainst for playing cards and is a more casual experience that can be over a short period of time or over days.
- Meet Up
This mode is spesifically for broadcast content creators and allows them to play a series of game (Time or Turn Based) with they audiance. All players will start in lobby and are sorted into games of at least 3 players when the content creator garuanteed to have new opponents each round. This continues until every player for the audiance has had a game against the content creator.
- Time Based
- Drop Out/Pausing
The game can be set to pause, remove, or substitute them with an AI a player that leaves the game or disconnects unexpectedly.
- Custom Cards
Custom icons/images can be used in place of the numbers and existing icons of action cards.
Design
Roadmap
- Login
- Design
- Development
- Invitation System
- Game Lobby
- Basic Turn Based game loop
Setup
npm install
Compiles and hot-reloads for development
npm run serve
Compiles and minifies for production
npm run build
Lints and fixes files
npm run lint