Clap Lights

{Introduction }

The new micro:bits have a microphone to help them detect sound 🎤

Let’s learn how to use a clap 👏 to switch your micro:bit’s lights on and off!

{Setting up the sound input}

► From the ||input:Input|| category, find the ||input:on [loud] sound|| container and add it to your workspace.

// @highlight
input.onSound(DetectedSound.Loud, function () {

})

{Creating a lightsOn variable}

Let’s begin by creating a variable to keep track of whether the micro:bit’s lights are on or off.

► In the ||variables:Variables|| category, click on Make a Variable... and make a variable named lightsOn.

{Displaying LEDs part 1}

In this step, we’ll be using an if then / else statement.

► From the ||logic:Logic|| category, grab an ||logic:if <true> then / else|| block and snap it into your ||input:on [loud] sound|| container.
► Look in the ||variables:Variables|| category. Find the new ||variables:lightsOn|| variable and snap it in to replace the ||logic:<true>|| value in your ||logic:if <true> then / else|| statement.

let lightsOn = 0
input.onSound(DetectedSound.Loud, function () {
    // @highlight
    if (lightsOn) {

    } else {

    }
})

{Displaying LEDs part 2}

► From ||basic:Basic||, grab ||basic:show leds|| and snap it into the top container of your ||logic:if then / else|| statement.
► Set the lights to a pattern you like!
💡 In the hint, we chose to turn on all of the outside lights. Feel free to make your own design 🎨

let lightsOn = 0
input.onSound(DetectedSound.Loud, function () {
    if (lightsOn) {
        // @highlight
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else {
    }
})

{Clearing the screen}

► From ||basic:Basic||, find ||basic:clear screen|| and snap it into the bottom container of your ||logic:if then / else|| section.
💡 This will turn the display off if lightsOn is not true.

let lightsOn = 0
input.onSound(DetectedSound.Loud, function () {
    if (lightsOn) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else {
        // @highlight
        basic.clearScreen()
    }
})

{Setting the lightsOn variable}

Just like we’d toggle a light switch, each time we clap, we want to flip the variable lightsOn to the opposite of what it was before.

► From ||variables:Variables||, locate ||variables:set [lightsOn] to [0]|| and snap it in at the very top of your ||input:on [loud] sound|| container.
► From the ||logic:Logic|| category, find the ||logic:not <>|| operator and use it to replace the [0] in ||variables:set [lightsOn] to [0]||.
► From ||variables:Variables||, grab ||variables:lightsOn|| and snap it into the empty part of the ||logic:not <>|| operator.

let lightsOn = false
input.onSound(DetectedSound.Loud, function () {
    // @highlight
    lightsOn = !(lightsOn)
    if (lightsOn) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else {
        basic.clearScreen()
    }
})

{Testing in the simulator}

► Check out the simulator!
► Click on the pink slider bar beneath the microphone icon and drag it up and down.
💡 Right now, your micro:bit thinks that anything above 128 is loud. Every time the sound goes > 128, your lights should switch on/off.

{Set loud sound threshold}

Your micro:bit might detect sounds when you don’t want it to. Setting a sound threshold could help 🔉🔊

► Click on the ||input:Input|| category. A new category should show up beneath it called ||input:...more||.
► From ||input:...more||, grab ||input:set [loud] sound threshold to [128]|| and snap it into your empty ||basic:on start|| container.
💡 Try to change the value of your sound threshold so that every time you clap, your lights will turn on if they are off and vice versa.

// @highlight
input.setSoundThreshold(SoundThreshold.Loud, 150)

{Testing, round 2}

Don’t forget to test your code in the simulator!

If you have a new micro:bit (the one with the shiny gold logo at the top), download this code and try it out!

let lightsOn = false
input.onSound(DetectedSound.Loud, function () {
    lightsOn = !(lightsOn)
    if (lightsOn) {
        basic.showLeds(`
            # # # # #
            # . . . #
            # . . . #
            # . . . #
            # # # # #
            `)
    } else {
        basic.clearScreen()
    }
})
input.setSoundThreshold(SoundThreshold.Loud, 150)

# BlocksExistValidator

//