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.

  • 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

Current Figma 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

Customize configuration

See Configuration Reference.

GitHub

View Github