W poprzednim programie (Program_2) wyświetlane były grafiki przygotowane przez twórców biblioteki. Teraz nauczymy się jak stworzyć własne grafiki, a następnie na ich podstawie prostą animację. Pełen kod programu (Program_3) znajduje się w sekcji do pobrania na końcu artykułu.
Na początku dodajemy do programu wszystkie komponenty modułu microbit.
|
1 |
from microbit import * |
Następnie w programie umieszczono poszczególne klatki animacji (klatka_1). W moim przypadku animacja będzie miała 5 klatek. Aby stworzyć jedną klatkę należy napisać napisać kod:
|
1 2 3 4 5 |
klatka_1 = Image("50000:" "50000:" "50000:" "50000:" "50000") |
Nasz wyświetlacz ma wymiary 5 x 5 pół, więc można tworzyć grafiki składające się maksymalnie z 25 pikseli. Każdy piksel może świecić z różną jasnością, która jest regulowana przez podanie wartości jasności od o do 9 (0 – piksel zgaszony, 9-maksymalna jasność).
Aby wyświetlić grafikę należy wywołać następujący kod:
|
1 |
display.show(klatka_1) |
Pełny kod wygląda następująco:
|
1 2 3 4 5 6 7 8 9 |
from microbit import * klatka_1 = Image("50000:" "50000:" "50000:" "50000:" "50000") display.show(klatka_1) |
Po wgraniu programu na płytkę na micro:bit na ekranie pojawi się pionowa kreska po lewej stronie ekranu, jak na rysunku 6:
Rys 6. Grafika wyświetlona na ekranie płytki micro:bit
Teraz można stworzyć kolejne klatki naszej animacji:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 |
klatka_2 = Image("05000:" "05000:" "05000:" "05000:" "05000") klatka_3 = Image("00500:" "00500:" "00500:" "00500:" "00500") klatka_4 = Image("00050:" "00050:" "00050:" "00050:" "00050") klatka_5 = Image("00005:" "00005:" "00005:" "00005:" "00005") |
Aby wyświetlić animację należy napisać kod wyświetlający klatki po kolei. Między kolejnymi klatkami jest jedna sekunda przerwy. Aby animacja nie wykonała się tylko raz, należy umieścić kod do wyświetlania animacji w pętli nieskończonej np. while:
|
1 2 3 4 5 6 7 8 9 10 11 |
while True: display.show(klatka_1) sleep(1000); display.show(klatka_2) sleep(1000); display.show(klatka_3) sleep(1000); display.show(klatka_4) sleep(1000); display.show(klatka_5) sleep(1000); |
Można powyższy kod zapisać łatwiej – wystarczy klatki animacji zapisać do tablicy Animacja, a następnie wyświetlić tą tablicę z opóźnieniem 1000 milisekund:
|
1 2 3 |
while True: animacja = [klatka_1, klatka_2, klatka_3, klatka_4, klatka_5] display.show(animacja, delay=1000) |
Pełen kod programu prezentuje się następująco:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 |
from microbit import * klatka_1 = Image("50000:" "50000:" "50000:" "50000:" "50000") klatka_2 = Image("05000:" "05000:" "05000:" "05000:" "05000") klatka_3 = Image("00500:" "00500:" "00500:" "00500:" "00500") klatka_4 = Image("00050:" "00050:" "00050:" "00050:" "00050") klatka_5 = Image("00005:" "00005:" "00005:" "00005:" "00005") while True: animacja = [klatka_1, klatka_2, klatka_3, klatka_4, klatka_5] display.show(animacja, delay=1000) |
Wszystkie przykłady zostały przedstawione na materiale filmowym:
