demarna1 / cardsagainsthumanity Goto Github PK

Message Changes

server.js: on 'start game', emit the 'black card' and instead of sending the initial cards, broadcast the 'new round' message.

play.js: on 'new round', determine the number of white cards that are needed, and send a 'card request' message with the number of needed cards.

server.js: on 'card request', pick cards from the deck and give the requested number to the user, and then emit 'white cards' with the card texts contained in the message.

play.js: on 'white cards', fill in the missing cards with the cards received in the message.

HTML Changes

play.html: change to always have exactly 10 white cards; there is no need to manage the cards dynamically.

CSS/Javascript Changes

The card slots will now have 5 states: 'normal', 'hover', 'empty', 'selected', and 'new'.

Once a card is clicked, it is sent to the server and cannot be deselected.

The current page should be tracked in a variable and then should be faded out during transitions.

function transition_to($nextPage) {
  $currentPage.fadeOut();
  $nextPage.delay(400).fadeIn();
  $currentPage = $nextPage;
}