If it works, continue on! →

If not, press ↓ for instructions on flashing your Arduino with Standard Firmata

How to flash your Arduino with Standard Firmata (Plus)

1. Download the Arduino IDE
2. Make sure your Arduino is connected via USB
3. Open the Arduino IDE
4. Select: File > Examples > Firmata > StandardFirmataPlus
5. Select: Tools > Board > Arduino/Genuino Uno
6. Select: Tools > Port > <your Arduino>
7. Click the Upload Button
8. Retry making that LED blink

Changing the Blink Rate

• You probably noticed the light blinks about every .5 seconds
• Change the code to blink at a different rate and then rerun it to make sure it works
• If you're stuck, press ↓ to see a potential solution

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {

  var led = new five.Led(11);

  // "blink" the led in 3000ms on-off phase periods
  led.blink(3000);
});
                        

LED Challenges

Now that you've got the basics of LEDs, you can either move on to the next component, or work on some LED challenges

• Press → to move on to the next component
• Press ↓ to scroll through the LED challenges

LED Challenges

Try to solve them yourself before looking at the solution!

Press ↓ to scroll through the following challenges (and potential solutions)

1. Multiple Lights
2. Holiday Lights
3. Binary Counter

1. Multiple Lights

Have 2 (or more) lights alternate blinking

Potential Multiple Lights Solution - Hardware

Potential Multiple Lights Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {

  var led1 = new five.Led(10);
  var led2 = new five.Led(11);
  var flag = false;

  setInterval(function() {
    if (flag) {
      led1.on();
      led2.off();
    } else {
      led1.off();
      led2.on();
    }

    flag = !flag;
  }, 500);
});
                        

2. Holiday Lights

Make an LED (or multiple LEDs) go through different settings like some holiday lights do. It should change the setting every few seconds. Below are some example settings. You can see an example on the next slide.

• Off
• Solid
• Blinking
• Pulsing (fading in and out)
• Different speeds of blinking, pulsing, or alternating
• Alternating which lights are on

2. Holiday Lights

Potential Holiday Lights Solution - Hardware

Potential Holiday Lights Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var led = new five.Led(11);
  var setting = 0;

  setInterval(function() {
    led.stop();  // If we call pulse, we need to stop it
    switch (setting) {
      case 0:
        led.pulse();
        break;
      case 1:
        led.off();
        break;
      case 2:
        led.on();
        break;
    }
    setting = (setting + 1) % 3;
  }, 3000);
});
                        

2. Holiday Lights (Bonuses)

1. Expose a function to the REPL that allows you to switch to the next setting from the REPL
2. Add a button that when pressed will go to the next setting (NOTE: you should complete the Button Component slides before attempting this)

Potential Holiday Lights Bonus 1 Solution - Hardware

Potential Holiday Lights Bonus 1 Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var led = new five.Led(11);
  var setting = 0;

  function changeSetting() {
    led.stop();  // If we call pulse, we need to stop it
    switch (setting) {
      case 0:
        led.pulse();
        break;
      case 1:
        led.off();
        break;
      case 2:
        led.on();
        break;
    }
    setting = (setting + 1) % 3;
  }

  this.repl.inject({
    cs: changeSetting  // Now we can call cs() from the REPL
  });
});
                        

Potential Holiday Lights Bonus 2 Solution

You're on your own for this one!

3. Binary Counter

Using 3 LEDs, count from 0 to 7 in binary as shown below. On represents 1 and off repesents 0.

Potential Binary Counter Solution - Hardware

Potential Binary Counter Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var led1 = new five.Led(9);
  var led2 = new five.Led(10);
  var led3 = new five.Led(11);
  var num = 0;

  setInterval(function() {
    var binary = (num).toString(2);

    binary.slice(-1)     === "1" ? led1.on() : led1.off();
    binary.slice(-2, -1) === "1" ? led2.on() : led2.off();
    binary.slice(-3, -2) === "1" ? led3.on() : led3.off();

    num = (num + 1) % 8;
  }, 1000);
});
                        

3. Binary Counter (Bonus)

Allow the user to enter a number through the REPL and display it in binary on the LEDs

Potential Binary Counter Bonus Solution

You're on your own for this one!

Button Challenges

Now that you've got the basics of buttons, you can either move on to the next component, or work on some button challenges

• Press → to move on to the next component
• Press ↓ to scroll through the button challenges

Button Challenges

Try to solve them yourself before looking at the solution!

Press ↓ to scroll through the following challenges (and potential solutions)

1. Light Switch
2. Passcode
3. Holiday Lights

1. Light Switch

Have pressing a button alternate turning an LED on and off

Potential Light Switch Solution - Hardware

Potential Light Switch Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var led = new five.Led(11);
  var button = new five.Button(2);
  var on = false;

  button.on("press", function() {
    if (on) {
      led.off();
    } else {
      led.on();
    }

    on = !on;
  });
});
                        

2. Passcode

Have 2 buttons and 1 LED. Make it so you have to press the buttons in a certain order to turn the LED on.

Potential Passcode Solution - Hardware

Potential Passcode Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var led = new five.Led(11);
  var button1 = new five.Button(2);
  var button2 = new five.Button(4);

  var passcode = "12112";
  var presses = "";

  button1.on("press", function() {
    presses += "1";
    if (presses.indexOf(passcode) > -1) {
      led.on();
    }
  });

  button2.on("press", function() {
    presses += "2";
    if (presses.indexOf(passcode) > -1) {
      led.on();
    }
  });
});
                        

3. Holiday Lights

Make an LED (or multiple LEDs) go through different settings like some holiday lights do. It should change the setting every time the button is pressed. Below are some example settings.

• Off
• Solid
• Blinking
• Pulsing (fading in and out)
• Different speeds of blinking, pulsing, or alternating
• Alternating which lights are on

Potential Holiday Lights Solution

You're on your own for this one!

Servo Challenges

Now that you've got the basics of servos, you can either move on to the next component, or work on some servo challenges

• Press → to move on to the next component
• Press ↓ to scroll through the servo challenges

Servo Challenges

Try to solve them yourself before looking at the solution!

Press ↓ to scroll through the following challenges (and potential solutions)

1. Sprinkler
2. Arrows
3. Button

1. Sprinkler

Make the servo rotate back and forth like a sprinkler

Potential Sprinkler Solution - Hardware

Potential Sprinkler Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {

  var servo = new five.Servo(11);
  var min = servo.range[0];
  var max = servo.range[1];
  var value = min;

  function step() {
    servo.to(value);
    value = (value + 45) % max;
    setTimeout(step, 500);
  }

  step();
});
                        

2. Arrows

Make pressing the left arrow button rotate the servo one way and pressing the right arrow button rotate the other way

Potential Arrows Solution - Hardware

Potential Arrows Solution - Code

npm install keypress

var five = require("johnny-five");
var keypress = require("keypress");
var board = new five.Board();

board.on("ready", function() {

  var servo = new five.Servo(11);

  process.stdin.on("keypress", function(ch, key) {
    if (key && key.name === "left") {
      servo.min();
    } else if (key && key.name === "right") {
      servo.max();
    }
  });

  process.stdin.setRawMode(true);
  process.stdin.resume();
});
                        

3. Button

Have the servo sweep while a button is held down

Potential Button Solution - Hardware

Potential Button Solution - Code

var five = require("johnny-five");
var board = new five.Board();

board.on("ready", function() {
  var servo = new five.Servo(11);
  var button = new five.Button(2);

  button.on("press", function() {
    servo.sweep();
  });

  button.on("release", function() {
    servo.stop();
  });
});