UI

SketchSystems.spec

UI
  Menu
    Splash*
      CONTINUE -> Title
    Title
      TO_SAVESELECT -> SaveSelect
      TO_OPTIONS -> Options
    SaveSelect
      SAVE_SELECTED -> Game
      BACK -> Title
  Game
    AlphaWarning*
      CONTINUE -> LoginBonus
    LoginBonus
      CONTINUE -> Default
    Default
      TO_INVENTORY -> Inventory
      TO_CRAFTING -> Crafting
      TO_BOOSTS -> Boosts
      TO_OPTIONS -> Options
      TO_CONVERSATION -> Conversation
    Conversation
      BACK -> Default
    Inventory
      BACK -> Default
      Selecting
        EQUIP -> Equipping
      Equipping
        COMPLETE -> Inventory
    Crafting
      BACK -> Default
    Boosts
      BACK -> Default
  Options
    BACK -> GoToTitle?
GoToTitle?
  yes -> Title
  no -> Default
    

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}`);
}