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() {})