b9a9s9/drinkingcast

A drinking game for chromecast. TBD

DrinkingCast

A drinking game for chromecast.(temporary name, ready still WIP)

Get started

To get started, first clone the repository. Make sure you have NPM installed. If you haven't, you can install it here: https://nodejs.org/en/

Run the command npm install to get started.

Build Setup

# install dependencies
$ npm run install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate

The game (todo)

• drinking game
• 'pick' a card -> card contains: minigame, instruction or global rule

drinkingcast's Issues

Create index page

The index page contains:

• the logo (on the top)
• 2 buttons: Host and Join

Design Game screen

contains:

• a screen layout for the main game
• a background

(Take style in mind #6 )

Define Project

This contains:

A basic gameflow:

• what kind of screens are there for both the screen and the controller
• When is which screen displayed
• how is the game started (a master controller or can everyone control, or by voting)

Create a borderplate for application

Pick a font

A font is needed for the game.
The font needs to be casual, but clear to read

example of place to look for fonts:
https://fonts.google.com/?category=Handwriting

5-10 fonts are wanted to compare

Also need a font for the Logo, thinking of some sort of rope font

Create (and host) database

Heroku as host

Create Logo

logo ideas:

• Old wooden sign
• rope as letters (if that doesnt work/look nice, neon)

Create default game screen

this page contains:

• a circle of all cards left in the collection. this circle is centered slightly to the left, so there is space for some information on the right.
• the name of the player whose turn it is, is shown in the middle of this circle
• a way to show which card is selected (an arrow, or hightlight or.... -> tbd)

(- not sure: cursor disabled, esc. to quit game)

Create card component

contains:

• card title
• card description
• a background
• a button to continue

(think about a possible action to start after/while the card is shown

Create 'default' background image

style of a comic-like tavern

Create host-waiting for players screen

this page contains:

• the logo
• a list of connected players (on the right)
• a list of all available collections
  • the collections are clickable, on click the cards of the collection are shown. Here you can press a
    button to start the game with that collection or you can press a button to go back

Design main menu layout

(take style in mind #9)

Design Card template

A temple for the playcards needs to be designed. A loose description(none of this is decided for sure):

• dimensions: (TBD)
• art style: cartoon-like
• take into account: a selector border might be needed later.
• This is a template, specific card may get different background, this has to be an 'average'

contains:

• Position of card name
• standard color scheme
• dimensions
• border

Create background for gamescreen

• Top view old wooden table (round)
• decoration on table (dices, glass, coins, arm with beer, bar stools on the side, etc.)

Create socket-server (joining/leaving/emits)

Host REST api from heroku