Micro:bit animaties met blokken
Micro:bit animaties maken
Items in this lesson
Micro:bit animaties maken
Open met het idee dat leerlingen vandaag een micro:bit niet alleen iets laten tonen, maar ook laten reageren op knoppen. Verbind dit aan het leerdoel: een animatie maken en die met meerdere knoppen bedienen.
Leerdoel
Ik kan met programmeerblokken in MakeCode een micro:bit programmeren om een animatie weer te geven en deze met meerdere knoppen te bedienen.
This item has no instructions
Welke woorden passen bij programmeren met een micro:bit?
Gebruik de reacties om voorkennis op te halen. Let op woorden als knoppen, blokken, animatie, leds, scherm, code of bewegen.
Programmeerblokken in MakeCode
MakeCode gebruikt blokken in plaats van getypte code
Elk blok heeft een functie, zoals tonen, wachten of reageren
Blokken passen in elkaar als puzzelstukjes
Zo bouw je stap voor stap een programma voor de micro:bit
Benadruk dat blokken helpen om logisch te denken zonder eerst syntax te leren. Noem dat leerlingen later dezelfde ideeën ook in tekstcode kunnen tegenkomen.
Belangrijke soorten blokken
Invoer: blokken voor knoppen en gebeurtenissen
Uitvoer: blokken om leds, symbolen of tekst te tonen
Besturing: blokken zoals `als-dan` en `herhaal`
Pauze: laat een beeld even zichtbaar blijven
Samen vormen deze blokken de basis van een animatie
Leg kort uit dat invoer betekent: wat de micro:bit ontvangt, en uitvoer: wat de micro:bit laat zien of doen.
Van blok naar resultaat
Een programma werkt in een volgorde:
een gebeurtenis start het programma
blokken voeren acties uit
de micro:bit toont het resultaat op het LED-scherm
Laat eventueel zien dat de volgorde van blokken belangrijk is: eerst tonen, dan pauze, dan volgend beeld. Zonder goede volgorde werkt een animatie niet zoals bedoeld.
Gebeurtenissen starten gedrag
Een gebeurtenis is iets dat gebeurt, zoals `bij opstarten` of `wanneer knop A wordt ingedrukt`
Zo weet de micro:bit wanneer hij iets moet doen
Zonder gebeurtenis weet het programma niet wat het moment van starten is
Gebeurtenissen zijn belangrijk bij knoppen en animaties
Veel leerlingen denken dat alle blokken vanzelf tegelijk starten. Maak duidelijk dat gebeurtenisblokken het startpunt geven.
Wat is een animatie?
Een animatie is een reeks beelden achter elkaar
Op de micro:bit gebruik je het LED-scherm van 5 bij 5
Elk beeld blijft kort zichtbaar
Door snel te wisselen lijkt het alsof er beweging is
Verbind dit met bekende voorbeelden zoals een gifje of stop-motion, maar houd de focus op het LED-scherm van de micro:bit.
Wat doet een gebeurtenisblok in MakeCode?
Het start gedrag
Het wist leds
Het tekent symbolen
Het bewaart tekst
Controleert begrip van gebeurtenissen als startpunt van een programma. Leerlingen verwarren dit soms met uitvoerblokken.
Maak de uitleg compleet
In MakeCode werk je met blokken die als puzzelstukjes in elkaar passen. Een gebeurtenis geeft aan wanneer iets start. Daarna toont de micro:bit het resultaat op het LED-scherm.
De drie kernwoorden komen uit de eerste subtopic: blokken, gebeurtenis en LED-scherm.
Opbouw van een animatie
Kies eerst wat je wilt laten zien: een figuur, pijl of symbool
Maak daarna meerdere beelden die een klein verschil hebben
Zet tussen de beelden een pauze
Die reeks vormt samen de animatie
Noem als voorbeeld een knipperend hart of een pijl die van richting verandert. Het verschil tussen opeenvolgende beelden moet klein maar zichtbaar zijn.
Beelden slim laten wisselen
Beeld 1 tonen
korte pauze
Beeld 2 tonen
weer pauze
daarna eventueel opnieuw beginnen
Gebruik hier eventueel de causale leesrichting: tonen en pauzeren samen zorgen voor een zichtbaar ritme. Zonder pauze flitsen beelden te snel voorbij.
Symbolen en patronen
Je kunt werken met ingebouwde symbolen
Je kunt ook zelf patronen maken op het 5x5-scherm
Zelfgemaakte patronen geven meer vrijheid
Zo kun je een eenvoudige eigen animatie ontwerpen
Licht toe dat ingebouwde symbolen sneller zijn om mee te starten, terwijl eigen patronen beter passen bij een eigen ontwerp.
Waarom gebruik je pauzes tussen beelden?
Voor meer knoppen
Voor zichtbaar ritme
Voor groter scherm
Voor vaste tekst
Toetst of leerlingen begrijpen dat een animatie uit beelden met korte pauzes bestaat.
Vul de juiste woorden in
Een animatie is een reeks beelden achter elkaar. Op de micro:bit gebruik je het 5x5-scherm en tussen de beelden zet je een korte pauze. Zo lijkt er beweging te zijn.
De invulling sluit direct aan op de uitleg over animatie, scherm en pauzes.
Hoe maak je van losse beelden een animatie?
Bespreek dat goede antwoorden noemen: kleine verschillen tussen beelden, korte pauze ertussen en een duidelijk symbool of patroon. Geen exact antwoord nodig.
Meerdere knoppen gebruiken
De micro:bit heeft knop A en knop B
Elke knop kan een andere actie starten
Zo kan knop A animatie 1 tonen
En knop B animatie 2 of een andere reactie
Maak duidelijk dat meerdere knoppen zorgen voor keuze in het programma. Dit is een stap van alleen afspelen naar reageren op invoer.
Elke knop heeft een eigen gebeurtenis
`wanneer knop A wordt ingedrukt` start één deel van het programma
`wanneer knop B wordt ingedrukt` start een ander deel
De acties hoeven dus niet hetzelfde te zijn
Dit maakt het programma duidelijk en overzichtelijk
Benadruk dat leerlingen per knop een apart gebeurtenisblok gebruiken. Dat voorkomt verwarring in de opbouw.
Voorbeeld met twee acties
Knop A: laat een blij symbool of korte animatie zien
Knop B: laat een ander symbool of andere animatie zien
De gebruiker kiest met de knop wat er gebeurt
Houd het voorbeeld simpel en herkenbaar. Het gaat hier niet om veel functies, maar om het idee dat verschillende invoer verschillende uitvoer geeft.
Knoppen geven het programma keuze
Gebeurtenis knop A → animatie A
Gebeurtenis knop B → animatie B
Door meerdere knoppen te gebruiken, reageert de micro:bit op verschillende keuzes van de gebruiker.
Dit is een overzichtsslide: vat samen dat één apparaat meerdere reacties kan hebben, afhankelijk van welke invoer binnenkomt.
Wat is handig aan knop A en knop B apart gebruiken?
Meer licht op scherm
Twee verschillende acties
Snellere batterij
Minder blokken nodig
Checkt of leerlingen het idee van verschillende invoer en verschillende uitvoer begrijpen.
Maak de beschrijving af
De micro:bit heeft knop A en knop B. Elke knop heeft een eigen gebeurtenis en kan een andere animatie starten.
Kort en doelgericht: twee knoppen, twee gebeurtenisblokken, verschillende acties.
Eenvoudige logica in je programma
If-then betekent: als iets waar is, dan gebeurt er iets
Hiermee laat je de micro:bit een keuze maken
Logica helpt om acties alleen op het juiste moment uit te voeren
Zo stuur je animaties gerichter
Introduceer logica als beslissen in een programma. Houd het praktisch: de micro:bit controleert een voorwaarde en kiest daarna een actie.
If-then bij animaties
Een voorwaarde kan bepalen welke animatie verschijnt
Bijvoorbeeld: als een knop is gebruikt, dan toon je een bepaald beeld
Zo reageert het programma niet altijd hetzelfde
Maak geen ingewikkelde voorbeelden met meerdere voorwaarden; focus op het basisidee van voorwaarde en gevolg.
Herhaling maakt beweging mogelijk
Met herhaling laat je beelden vaker terugkomen
Dat is handig voor knipperen, bewegen of een patroon
Je hoeft dezelfde blokken dan niet steeds opnieuw te plaatsen
Het programma wordt korter en overzichtelijker
Noem dat herhaling in MakeCode vaak met een herhaalblok gebeurt. Koppel dit direct aan het opnieuw afspelen van beelden.
Gebeurtenis, logica en herhaling samen
Een knop kan een gebeurtenis starten.
Daarna kan `if-then` kiezen wat er gebeurt.
Met herhaling speelt de animatie meerdere keren af.
Dit is de samenhangslide van de les. Laat zien dat de onderdelen niet los staan: invoer start iets, logica kiest, herhaling voert uit.
Van idee naar werkend programma
Kies een animatie met meerdere beelden
Koppel verschillende acties aan knop A en knop B
Gebruik gebeurtenissen om te starten
Gebruik `if-then` en herhaling om het gedrag te sturen
Zo bouw je een interactieve micro:bit-animatie
Gebruik deze slide als afronding van de inhoud: alle onderdelen uit het leerdoel komen hier samen in één overzicht.
Wat doet herhaling in een animatie?
Het kiest een knop
Het stopt invoer
Het toont beelden vaker
Het maakt tekst langer
Leerlingen moeten herhaling koppelen aan opnieuw afspelen van beelden, niet aan logica of invoer.
Vul de programmeerwoorden in
Een knop start een gebeurtenis. Met if-then kiest het programma wat er gebeurt. Met herhaling speelt de animatie meerdere keren af.
Deze drie woorden vormen de kern van de laatste inhoudsblok: starten, kiezen en herhalen.
Welke blokken heb je nodig voor twee knopacties?
Bespreek dat leerlingen idealiter noemen: knop A/B, gebeurtenisblokken, animatie met meerdere beelden, if-then of herhaling. Geen exact modelantwoord nodig.
Wat heb jij vandaag geleerd over de micro:bit?
Laat leerlingen kort terugkijken op hun leerwinst. Mogelijke thema’s: animatie maken, knoppen gebruiken, if-then begrijpen, herhaling inzetten.
Welk onderdeel vond jij het lastigst?
Gebruik dit als afsluitende zelfreflectie. Antwoorden kunnen gaan over tempo, voorbeelden, blokken herkennen of logisch nadenken.
Begrippenlijst
MakeCode - programmeeromgeving waarin je met blokken voor de micro:bit werkt
micro:bit - kleine programmeerbare computer met knoppen en een LED-scherm
programmeerblok - bouwsteen in MakeCode met een bepaalde functie
gebeurtenis - moment dat iets start, zoals het indrukken van een knop
animatie - reeks beelden die achter elkaar worden getoond
LED-scherm - scherm van lampjes waarop de micro:bit patronen en symbolen toont
if-then - logica waarbij een actie alleen gebeurt als een voorwaarde klopt
This item has no instructions
Begrippenlijst
herhaling - blok waarmee een actie meerdere keren wordt uitgevoerd
invoer - informatie die de micro:bit ontvangt, zoals een druk op een knop
uitvoer - wat de micro:bit laat zien of doet als reactie
voorwaarde - regel die controleert of iets waar is
knop A - knop op de micro:bit waarmee je een actie kunt starten
knop B - tweede knop op de micro:bit waarmee je een andere actie kunt starten
This item has no instructions
