Simple Deckbuilder

SketchSystems.spec

Simple Deckbuilder
  # set up decks, etc.
  Preparation*
    done -> Turn
  Turn
    # user is able to to something here
    Idle*
      play card -> Executing action
      end turn -> End of turn
    # mostly animation and context changes
    Executing action
      Prerequisites met?*
        yes? -> Apply effects
        no? -> Show error
      Show error
        done -> Idle
      Apply effects
        done -> Idle
    # mostly animation and context changes
    End of turn
      Last turn of final round?*
        yes? -> Tally Score
        no? -> Discard played cards
      Discard played cards
        done -> Draw new hand
      Draw new hand
        Draw?*
          deck and discard empty? -> Next player
          hand full? -> Next player
          deck empty? -> Shuffle Deck
          hand not full? -> Draw
        Shuffle Deck
          done -> Draw?
        Draw
          done -> Draw?
      # increment round/turn and show player(s) round/turn number and whose turn it is
      Next player
        done -> Turn
  # show scores to the player(s)
  Tally Score
    restart -> Preparation

SketchSystems_prototype.js

function render(model){
  let current_state_name = model.active_states[0].name;
  return $("h1",
           {style: {color: "darkBlue"}},
           `The current state is: ${current_state_name}`);
}