Idle

SketchSystems.spec

Idle
  No picks*
    push trigger -> Scanning
  Picked 1
    push trigger -> Looking for 2nd code
    drop all -> No picks
  Picked 2
    push trigger -> Looking for 3rd code
    drop 1 item -> Picked 1
  Picked 3
    push trigger -> Scanning more items
    drop 1 item -> Picked 2
    drop all -> No picks

Scanning
  Looking for first code
    point to code -> Scanned Item 1
    release trigger -> No picks
  Looking for 2nd code
    point to code -> Scanned Item 2
    release trigger -> Picked 1
  Looking for 3rd code
    point to code -> Scanned Item 3
    release trigger -> Picked 2


Scanned
  Scanned Item 1
    release trigger -> Picked 1
    hold trigger -> Looking for 2nd code
  Scanned Item 2
    release trigger -> Picked 2
    hold trigger -> Looking for 3rd code
  Scanned Item 3
    release trigger -> Picked 3

Scanning more items
  New scan session
    hold trigger -> Scanning

SketchSystems_prototype.js

function create_src(active_state) {
    return state_filelist[active_state]
}
var state_filelist = {
  "No picks": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/01-No-Picks.png",
  "Looking for first code": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/02-No-Picks-Scanning.png",
  "Scanned Item 1": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/03-No-Picks-Scanning-item-1-scanned.png",
  "Looking for 2nd code": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/Looking-for-2nd-code.png",
  "Picked 1": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/Picked-1.png",
  "Scanned Item 2": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/04-Picked-1-Scanning-item-2-scanned.png",
  "": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/04-Picked-1-Scanning-item-2-scanned.png",
  "Picked 2": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/05-Picked-2.png",
  "Looking for 3rd code": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/06-Picked-2-Scanning.png",
  "Scanned Item 3": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/07-Picked-2-scanning-item-3-scanned.png",
  "Picked 3": "http://nanonude-prototypes.s3-eu-west-1.amazonaws.com/08-Picked-3.png"
}

function render(model){
    var active_state = model.active_states[0].name;
      return  [
        $("p", {}, active_state),
        $("img", {src: create_src(active_state)}),
      ];
}