Johnny Five: Bringing the JavaScript Culture to Hardware

Transcript

1. Johnny Five Bringing the JavaScript Culture to Hardware Rebecca Murphey • Times Open Science Fair Wednesday, November 21, 12
2. rmurphey.com • @rmurphey • bocoup.com Wednesday, November 21, 12
3. Wednesday, November 21, 12
4. Wednesday, November 21, 12
5. Wednesday, November 21, 12
6. Wednesday, November 21, 12
7. Wednesday, November 21, 12
8. Wednesday, November 21, 12
9. Wednesday, November 21, 12
10. Wednesday, November 21, 12
11. Wednesday, November 21, 12
12. Wednesday, November 21, 12
13. javascript culture Wednesday, November 21, 12
14. javascript culture view source / share by default libraries lower the barrier to entry show-and-tell is encouraged & enabled new solutions are open & collaborative we embrace the crazy Wednesday, November 21, 12
15. Wednesday, November 21, 12
16. sparkfun.com Wednesday, November 21, 12
17. Wednesday, November 21, 12
18. var  five  =  require("johnny-­‐five"); var  board  =  new  five.Board(); board.on("ready",  function()  {    var  buttons  =  {        rock:  new  five.Button(2),        paper:  new  five.Button(3),        scissors:  new  five.Button(4)    };    var  lcd  =  new  five.LCD({        pins:  [  7,  8,  9,  10,  11,  12  ]    });    var  gameOverLED  =  new  five.Led(  13  );    var  losers  =  {        rock:  "scissors",        paper:  "rock",        scissors:  "paper"    };    var  choices  =  Object.keys(  losers  );    var  waiting  =  false;    var  computerPoints  =  0;    var  playerPoints  =  0;    var  totalTurns  =  5;    var  isGameOver  =  false;    var  points  =  {};    choices.forEach(function(  buttonName  )  {        var  button  =  buttons[  buttonName  ];        button.on(  "up",  function()  {            turn(  buttonName  );        });    });    reset();    function  computerChoice()  {        return  choices[  Math.floor(  Math.random()  *  choices.length  )  ];    }    function  reset()  {        points  =  {            player:  0,            computer:  0        };        isGameOver  =  false;    }    function  turn(  player  )  {        if  (  waiting  )  {  return;  }        gameOverLED.off();        waiting  =  true;        var  computer  =  computerChoice();        if  (  player  !==  computer  )  {            points[  playerIsWinner(  player,  computer  )  ?  "player"  :  "computer"  ]++;        }        updateScoreboard(  player,  computer  );        waiting  =  false;        if  (  points.player  >  3  ||  points.computer  >  3  )  {            gameOver();        }    }    function  playerIsWinner(  playerChoice,  computerChoice  )  {        return  losers[  computerChoice  ]  !==  playerChoice;    }    function  updateScoreboard(  playerChoice,  computerChoice  )  {        lcd.clear();        lcd.print(  "Robot  :  "  +  points.computer  +  "  :  "  +            computerChoice.substr(0,  1).toUpperCase()  );        lcd.setCursor(  0,  1  );        lcd.print(  "Human  :  "  +  points.player  +      "  :  "  +            playerChoice.substr(0,  1).toUpperCase()  );    }    function  gameOver()  {        lcd.clear();        lcd.print(            points.computer  >  points.player  ?            'ROBOT  WINS'  :            'HUMAN  WINS'        );        gameOverLED.on();        reset();    }    board.repl.inject({        buttons:  buttons,        lcd:  lcd,        gameOverLED:  gameOverLED    }) }); Rock Paper Scissors on an Arduino in 107 lines of code. Wednesday, November 21, 12
19. var  five  =  require("johnny-­‐five"); var  board  =  new  five.Board(); board.on("ready",  function()  {    var  buttons  =  {        rock:  new  five.Button(2),        paper:  new  five.Button(3),        scissors:  new  five.Button(4)    };    var  lcd  =  new  five.LCD({        pins:  [  7,  8,  9,  10,  11,  12  ]    });    var  gameOverLED  =  new  five.Led(  13  );    var  losers  =  {        rock:  "scissors",        paper:  "rock",        scissors:  "paper"    };    var  choices  =  Object.keys(  losers  );    var  waiting  =  false;    var  computerPoints  =  0;    var  playerPoints  =  0;    var  totalTurns  =  5;    var  isGameOver  =  false;    var  points  =  {};    choices.forEach(function(  buttonName  )  {        var  button  =  buttons[  buttonName  ];        button.on(  "up",  function()  {            turn(  buttonName  );        });    });    reset();    function  computerChoice()  {        return  choices[  Math.floor(  Math.random()  *  choices.length  )  ];    }    function  reset()  {        points  =  {            player:  0,            computer:  0        };        isGameOver  =  false;    }    function  turn(  player  )  {        if  (  waiting  )  {  return;  }        gameOverLED.off();        waiting  =  true;        var  computer  =  computerChoice();        if  (  player  !==  computer  )  {            points[  playerIsWinner(  player,  computer  )  ?  "player"  :  "computer"  ]++;        }        updateScoreboard(  player,  computer  );        waiting  =  false;        if  (  points.player  >  3  ||  points.computer  >  3  )  {            gameOver();        }    }    function  playerIsWinner(  playerChoice,  computerChoice  )  {        return  losers[  computerChoice  ]  !==  playerChoice;    }    function  updateScoreboard(  playerChoice,  computerChoice  )  {        lcd.clear();        lcd.print(  "Robot  :  "  +  points.computer  +  "  :  "  +            computerChoice.substr(0,  1).toUpperCase()  );        lcd.setCursor(  0,  1  );        lcd.print(  "Human  :  "  +  points.player  +      "  :  "  +            playerChoice.substr(0,  1).toUpperCase()  );    }    function  gameOver()  {        lcd.clear();        lcd.print(            points.computer  >  points.player  ?            'ROBOT  WINS'  :            'HUMAN  WINS'        );        gameOverLED.on();        reset();    }    board.repl.inject({        buttons:  buttons,        lcd:  lcd,        gameOverLED:  gameOverLED    }) }); function  updateScoreboard(  playerChoice,  computerChoice  )  {    lcd        .clear()        .print(  "Robot  :  "  +  points.computer  +  "  :  "  +            computerChoice  )        .setCursor(  0,  1  )        .print(  "Human  :  "  +  points.player  +      "  :  "  +            playerChoice  ); } Wednesday, November 21, 12
20. sparkfun.com Wednesday, November 21, 12
21. Wednesday, November 21, 12
22. var  writeMessage  =  function()  {    board.digitalWrite(lcd.rsPin,  board.firmata.LOW);    sendCommand([0,0,0,0,0,0,0,1]);    board.digitalWrite(lcd.rsPin,  board.firmata.HIGH);    sendCommand([0,1,0,0,1,0,1,0]);    sleep(200);    sendCommand([0,1,1,0,1,1,1,1]);    sleep(200);    sendCommand([0,1,1,0,1,0,0,0]);    sleep(200);    sendCommand([0,1,1,0,1,1,1,0]);    sleep(200);    sendCommand([0,1,1,0,1,1,1,0]);    sleep(200);    sendCommand([0,1,1,1,1,0,0,1]);    sleep(200);    sendCommand([0,0,1,0,1,1,0,1]);    sleep(200);    sendCommand([0,1,1,0,0,1,1,0]);    sleep(200);    sendCommand([0,1,1,0,1,0,0,1]);    sleep(200);    sendCommand([0,1,1,1,0,1,1,0]);    sleep(200);    sendCommand([0,1,1,0,0,1,0,1]);    board.digitalWrite(lcd.rsPin,  board.firmata.LOW); }; Wednesday, November 21, 12
23. Wednesday, November 21, 12
24. sparkfun.com Wednesday, November 21, 12
25. Wednesday, November 21, 12
26. Wednesday, November 21, 12
27. Wednesday, November 21, 12
28. var  lcd  =  new  five.LCD({    pins:  [  7,  8,  9,  10,  11,  12  ] }); function  updateScoreboard(  playerChoice,   computerChoice  )  {    lcd        .clear()        .print(  "Robot  :  "  +  points.computer  +  "  :  "  +            computerChoice  )        .setCursor(  0,  1  )        .print(  "Human  :  "  +  points.player  +      "  :  "  +            playerChoice  ); } Wednesday, November 21, 12
29. sparkfun.com Wednesday, November 21, 12
30. Wednesday, November 21, 12
31. Wednesday, November 21, 12
32. Wednesday, November 21, 12
33. github.com/rwldrn/johnny-­‐five github.com/rmurphey/johnny-­‐five-­‐projects sparkfun.com Wednesday, November 21, 12
34. rmurphey.com • @rmurphey • bocoup.com Wednesday, November 21, 12