B - Animations

​Images are very useful to express complex concepts in a simple and fast way. They are also fun and creative! In this section we are going to experiment with images and animation, bringing our creations to life.

The micro:bit only has 25 LEDs to create text and images, but you'll be surprised at how much can be said with so few lights.

chevron-right​Display a heart when the button B is pressedhashtag

We'll start simple and add complexity and concepts as we learn. First a big heart!

Test your progress using the micro:bit emulator!

chevron-right​Beating Hearthashtag

The image looks great, but an animation is even better!

Always after each set of code, make sure to test on the Emulator.

It's alive! Well, at least the heart beats once. Now it is time for a mini-challenge!

Every time you see the red question mark​❓, it indicates a mini-challenge for you to try. After completing the challenge or giving it fair try, proceed to open the container and see how we solved it.

chevron-right❓Have the heart animation repeat 4 timeshashtag

We can achieve this effect in several different ways, but we'll take this opportunity to introduce the repeat block.

Test, test, test on your emulator!

Imagine how many other different animations we can create. Maybe you can tell a story using a micro:bit animation!

In the next section, we are getting serious about math. See you in Counting!​​​

chevron-right🍎Teacher's Corner - LEDshashtag
  • LED stands for light emitting diode. LED lighting products produce light up to 90% more efficiently than incandescent light bulbs. How do they work? An electrical current passes through a microchip, which illuminates the tiny light sources we call LEDs and the result is visible light. To prevent performance issues, the heat LEDs produce is absorbed into a heat sink. sourcearrow-up-right

  • Some more information from MakeCodearrow-up-right.

chevron-right🍎Teacher's Corner - Loopshashtag

Last updated

Was this helpful?