Leçon 1 — Lumières & Affichage

🎯 Objectifs

Comprendre la structure d'un programme MicroPython pour la micro:bit
Afficher des images prédéfinies sur la grille de 5×5 LEDs
Créer tes propres images pixel par pixel
Faire défiler du texte sur l'écran
Créer une animation en allumant les LEDs une par une
Utiliser la fonction sleep() pour contrôler la vitesse

🛠️ Matériel nécessaire

🔲 BBC micro:bit v2 🔌 Câble USB 💻 Éditeur Mu ou python.microbit.org

📖 Cours

La grille de LEDs

La BBC micro:bit possède une grille de 5×5 = 25 LEDs. Chaque LED est identifiée par sa position (x, y) :

ℹ️

La colonne x va de 0 (gauche) à 4 (droite). La ligne y va de 0 (haut) à 4 (bas). La LED en haut à gauche est donc (0, 0).

La première ligne — importer la bibliothèque

Chaque programme commence toujours par cette ligne :

Python

from microbit import *

Cette ligne dit à Python : "donne-moi accès à toutes les fonctions de la micro:bit". Sans elle, rien ne fonctionne !

Exemple 1 — Afficher une image et du texte

Le code dans une boucle while True: s'exécute pour toujours, en boucle infinie :

1.image_texte.py

from microbit import *


# Le code dans une boucle while True: s'execute pour toujours
while True:
    display.show(Image.HEART)
    sleep(1000)
    display.scroll('Bonjour')

Explications ligne par ligne :

while True: — boucle infinie, le code recommence toujours
display.show(Image.HEART) — affiche le cœur prédéfini
sleep(1000) — attend 1000 millisecondes (= 1 seconde)
display.scroll('Bonjour') — fait défiler le texte de droite à gauche

💡

Il existe plein d'images prédéfinies : Image.HEART, Image.HAPPY, Image.SAD, Image.DUCK, Image.ARROW_N, et bien d'autres !

Exemple 2 — Créer sa propre image

Tu peux dessiner tes propres images ! Chaque chiffre représente la luminosité d'une LED, de 0 (éteinte) à 9 (maximum) :

2.etoile.py

from microbit import *

while True:
    display.show(Image('00300:'
                       '03630:'
                       '36963:'
                       '03630:'
                       '00300'))

Chaque ligne de l'image est séparée par :. Il y a 5 chiffres par ligne (une pour chaque colonne) et 5 lignes.

Exemple 3 — Allumer des LEDs individuellement

La fonction display.set_pixel(x, y, luminosité) allume une seule LED :

3.individuelle.py

from microbit import *

while True:
    display.show(Image('00000:'
                       '00000:'
                       '00900:'
                       '00000:'
                       '00000'))
    sleep(2000)
    display.clear()

    display.set_pixel(0, 2, 9)
    sleep(2000)

Exemple 4 — Animation LED par LED

En allumant les LEDs une par une avec un délai, on crée une animation !

4.individuelle_animee.py

from microbit import *

while True:
    display.set_pixel(0, 2, 9)
    sleep(500)
    display.set_pixel(0, 1, 9)
    sleep(500)
    display.set_pixel(0, 0, 9)
    sleep(500)
    display.set_pixel(1, 0, 9)
    sleep(500)
    display.set_pixel(2, 0, 9)
    sleep(500)
    display.set_pixel(3, 0, 9)
    sleep(500)
    display.set_pixel(3, 1, 9)
    sleep(500)
    display.set_pixel(3, 2, 9)
    sleep(500)
    display.set_pixel(3, 2, 7)
    sleep(500)
    display.set_pixel(3, 2, 5)
    sleep(500)
    display.set_pixel(3, 2, 3)
    sleep(500)
    display.set_pixel(3, 2, 0)
    sleep(3000)

    display.clear()

Remarque comment la dernière LED diminue progressivement (9 → 7 → 5 → 3 → 0) pour créer un effet de fondu !

✏️ Exercices

Exercice 1

Ton prénom en LED !

Modifie le programme 1.image_texte.py pour afficher ton prénom à la place de "Bonjour". Essaie aussi de changer l'image par Image.HAPPY ou Image.DUCK.

Exercice 2

Dessine ton propre pixel art

En utilisant le format d'image avec les chiffres 0-9, dessine quelque chose de ton choix : une maison, un robot, un visage, une flèche... Sois créatif ! Tu peux utiliser des luminosités différentes pour les dégradés.

Exercice 3 — Défi

Animation complète d'un carré

Crée une animation qui dessine un carré complet de 5×5 LEDs, en allumant les LEDs tout autour du bord (pas le centre). Les LEDs doivent s'allumer une par une dans le sens des aiguilles d'une montre !

🧠 À retenir

from microbit import * — toujours la première ligne !
while True: — boucle infinie, le code tourne en permanence
display.show(Image.NOM) — affiche une image prédéfinie
display.scroll('texte') — fait défiler du texte
display.set_pixel(x, y, luminosité) — allume une LED (0 à 9)
display.clear() — éteint toutes les LEDs
sleep(millisecondes) — fait une pause (1000 ms = 1 seconde)
Les coordonnées vont de (0,0) en haut à gauche jusqu'à (4,4) en bas à droite