Flashing Heart

Code a Flashing Heart

Code the lights on the micro:bit into a flashing heart animation! 💖

Step 1

Click on the ||basic:Basic|| category in the Toolbox. Drag the ||basic:show leds|| block into the ||basic:forever|| block. Then in the ||basic:show leds|| block, click on the squares to draw a heart design.

Step 2

Drag another ||basic:show leds|| block underneath the first.

basic.forever(function() {
    basic.showLeds(`
        . # . # .
        # # # # #
        # # # # #
        . # # # .
        . . # . .`);
    basic.showLeds(`
        . . . . .
        . . . . .
        . . . . .
        . . . . .
        . . . . .`);
})

Step 3

Look at the micro:bit on the screen. Do you see a flashing heart animation? ⭐ Great job! ⭐

Step 4

If you have a micro:bit device, connect it to your computer and click the |Download| button. Follow the instructions to transfer your code onto the micro:bit and watch the hearts flash!

Step 5

Go further - try adding more ||basic:show leds|| blocks to create a longer animation! Learn more about how the micro:bit lights work by watching this video.

basic.forever(function() {})