Maker.io main logo

New Year Countdown Clock with Circuit Playground Express

2017-12-29 | By Adafruit Industries

License: See Original Project Circuit Playground

Courtesy of Adafruit

Guide by John Park

Overview

Press a button on your Circuit Playground Express to begin the countdown of the last ten seconds of the year! It will count them down on the NeoPixel LEDs, and play Auld Lang Syne when the New Year has begun!

 

Plus, you can flip the switch to get to Party Favor Noisemaker mode, where you can blow on the Circuit Playground Express and it will animate the lights and play festive sounds!

Or, get the bundle of all the parts, plus a USB cable and mini storage box:

Program It With MakeCode

You'll begin by getting familiar with MakeCode, in case you haven't used it before, by following this guide. Then, return here to program your Circuit Playground Express with the NYE Clock code.

Getting Started with MakeCode

Clock and Noisemaker

We'll give the Countdown Clock a few different capabilities:

  • Turn it on to hear a short intro to Auld Lang Syne, the lights turn on purple and white
  • Press the B button (the one on the right) to hear the intro again at any time
  • Blow on the microphone to create a party horn noisemaker sound as long as you blow
  • Press the A button at ten seconds until midnight -- it will count down the seconds with the NeoPixel LEDs, and then play a festive animation, and the full rendition of Auld Lang Syne
  • Flip the switch to the left to disable the noisemaker

This is the embedded code window for MakeCode. If you like, you can download it and then drag it onto you Circuit Playground Express in CPLAYBOOT mode to start playing with the clock and noisemaker immediately. If you'd like to take a closer look at how it works, follow on below.

Copy Code 
let noise_maker = 0
function play_Auld_Lang_Syne_Intro() {
    music.playTone(294, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(440, music.beat(BeatFraction.Quarter))
}
function play_Auld_Lang_Syne() {
    music.playTone(294, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(440, music.beat(BeatFraction.Quarter))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(587, music.beat(BeatFraction.Quarter))
    music.playTone(659, music.beat(BeatFraction.Half))
    music.playTone(659, music.beat(BeatFraction.Quarter))
    music.playTone(659, music.beat(BeatFraction.Quarter))
    music.playTone(587, music.beat(BeatFraction.Quarter))
    music.playTone(587, music.beat(BeatFraction.Eighth))
    music.playTone(494, music.beat(BeatFraction.Eighth))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Quarter))
    music.playTone(440, music.beat(BeatFraction.Eighth))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(440, music.beat(BeatFraction.Quarter))
    music.playTone(494, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Eighth))
    music.playTone(330, music.beat(BeatFraction.Eighth))
    music.playTone(330, music.beat(BeatFraction.Quarter))
    music.playTone(294, music.beat(BeatFraction.Quarter))
    music.playTone(392, music.beat(BeatFraction.Half))
    music.playTone(392, music.beat(BeatFraction.Quarter))
}
input.buttonA.onEvent(ButtonEvent.Click, function () {
    light.setAll(0x999999)
    for (let index = 0; index <= 9; index  ) {
        light.setBrightness(20)
        music.playTone(1020, music.beat(BeatFraction.Eighth))
        light.setBrightness(30)
        loops.pause(1000)
        light.setPixelColor(index, 0x000099)
    }
    music.playSound(music.sounds(Sounds.MagicWand))
    light.showAnimation(light.sparkleAnimation, 3000)
    light.setBrightness(15)
    light.showRing(
    `green blue green blue green blue green blue green blue`
    )
    play_Auld_Lang_Syne()
})
input.buttonB.onEvent(ButtonEvent.Click, function () {
    play_Auld_Lang_Syne_Intro()
})
input.onLoudSound(function () {
    if (noise_maker == 1) {
        light.setAll(0x3366ff)
        while (input.soundLevel() > 100) {
            music.playTone(input.soundLevel() * 10, music.beat(BeatFraction.Sixteenth))
        }
        light.showRing(
        `white red white red white red white red white red`
        )
    }
})
input.onSwitchMoved(SwitchDirection.Left, function () {
    noise_maker = 0
    light.showRing(
    `green white green white green white green white green white`
    )
})
input.onSwitchMoved(SwitchDirection.Right, function () {
    noise_maker = 1
    light.showRing(
    `red white red white red white red white red white`
    )
})
light.setBrightness(15)
light.showRing(
`purple white purple white purple white purple white purple white`
)
music.setVolume(200)
music.setTempo(40)
play_Auld_Lang_Syne_Intro()

 

This is the embedded code window for MakeCode

On Start

Follow the image below to create the on start block. The code contained within it will run once at start-up. This is a good place to set parameters, such as:

  • set brightness to control the NeoPixel brightness
  • set volume to set the base volume level for notes and songs
  • set tempo to set the meter for songs

You'll also add a show ring block to turn on the NeoPixels in an alternating white/purple pattern by clicking a color wedge and then clicking each pixel circle in the wheel.

add a show ring block to turn on the NeoPixels

Functions

Sometimes, there are pieces of code that are complex or long and need to be used in multiple places throughout your program. In this program, the songs that we'll play qualify. Both the startup and button presses cause the songs to play, so we don't want to have to write the songs, note by note, in multiple places. This is where functions come in!

A function is a user-defined block you can create and name, which you can then refer to elsewhere with a call function block. Create one by clicking ADVANCED category drop-down, and then the FUNCTIONS category, and then clicking Make a Function. Name the function play_Auld_Lang_Syne_Intro.

You'll see the blue function play_Auld_Lang_Syne_Intro block appear on the canvas. We'll add code to it later. For now, drag the call function play_Auld_Lang_Syne block to your on start block as shown.

Go ahead and make a second one the same way, named play_Auld_Lang_Syne.

make a second one named play_Auld_Lang_Syne

Switch It

We'll use the switch to turn on and off the loud sound detection that will be used to control the noisemaker function.

Create two on switch moved blocks. Set one to left and one to right. Create a variable called noise_maker to use in a couple of set item to 0 blocks as seen below. Place one in the on switch moved left block and leave the value at 0, then place the other in the on switch moved right block, and change the value to 1. This variable can then be read inside another block to change functionality based on the switch position.

variable can be read inside a block to change function

You'll also use another pair of show ring blocks to change the colors. Green means "safe" and red means "it's gonna get noisy in here!"

use another pair of show ring blocks to change colors

Loud Sound

This is a pretty neat trick - the microphone can be tested for loud sounds, and blowing on the mic happens to trigger it. So, we can blow on the mic just like a real party horn!

Create an on loud sound input block, and then add an if true then block as shown below. Drag in the noise_maker variable and change the True to a 1. Now, the switch position will dictate if the code contained within gets run or not.

When the switch is flipped right, and there's a loud sound, we can do the following:

  • set all pixels to blue
  • while sound level > 100
    • play tone at sound level x 10 for 1/16 beat
  • show ring

This will create a really fun, noisy, squealy sound, because the pitch of the sound will vary based on the volume of the noise. Blow softly for a lower tone, and blow hard to raise the pitch!

Blow softly for a lower tone/blow hard to raise pitch

Write a Song Function

Earlier, we created a couple of functions for our songs. Now, we can populate them with play tone at _ for _ beat blocks. Follow the image to create the intro to Auld Lang Syne and then a second time for the full song. 

create the intro to Auld Lang Syne

then a second time for the full song

Countdown

Make an on button A click block, and an on button B click block.

The B button is simple -- we'll just use this to play the intro to the song. Add a call function play_Auld_Lang_Syne_Intro block.

Button A has more going on - first, set all pixels to medium white.

Then, we'll count down the ten seconds with a for index from 0 to 9 block. Inside this:

  • set brightness to 20
  • play tone at 1020 Hz for 1/8 beat
  • pause for 1 second
  • set pixel color at index to blue

Since the index variable changes with each iteration of the loop, this is what changes the color of each sequential NeoPixel.

Once the ten seconds have counted down, the play sound magic wand block plays, then show animation sparkle for 3000 ms.

Then, we'll set brightness down to 15, and show ring to alternating blue and green.

Finally, we get to play the full song with call function play_Auld_Lang_Syne. 

Finally, we get to play the full song

Happy New Year!

Happy New Year!

制造商零件编号 3333
CIRCUIT PLAYGROUND EXPRESS
Adafruit Industries LLC
¥206.33
查看更多内容 Details
制造商零件编号 3286
BATTERY HOLDER AAA 3 CELL LEADS
Adafruit Industries LLC
¥26.54
查看更多内容 Details
制造商零件编号 3517
CIRCUIT PLAYGRND EXPRSS BASE KIT
Adafruit Industries LLC
¥247.68
查看更多内容 Details
Add all DigiKey Parts to Cart
Have questions or comments? Continue the conversation on TechForum, DigiKey's online community and technical resource.