SlideShare a Scribd company logo
1
Játékosprogramozás
micro:bit-ekkel
Dr.Abonyi-TóthAndor, adjunktus
ELTEInformatikaiKar
Média-ésOktatásinformatikai
Tanszék
Kutatókéjszakája2017
2
ABBCmicro:bitbemutatása
3
A micro:bitprogramozása
http://microbit.org/code/
JavaScript Blocks Editor Python Editor
https://makecode.microbit.org http://python.microbit.org/editor.html
Android és iOS alkalmazások
4
MakeCode(JavaScriptBlocksEditoR)használata
https://makecode.microbit.org
5
Projektmegosztásilehetőségek
https://makecode.microbit.org
6
ötletek
7
Animációk készítése
8
Robotintegetés(animáció)
Készítsünk olyan animációt, ami
• Egy álló robot alak
megjelenésével kezdődik
• Az "A" gomb megnyomása után
a robot a jobb karjával integet 4
alkalommal, majd megjelenik az
álló alak.
• A "B" gomb megnyomásánál
ugyanez történjen, csak a bal
karjával integessen.
https://makecode.microbit.org/_HJRgYFJjLdDo
9
Animációtovábbfejlesztése
Továbbfejlesztési ötletek
✖ Ha az "A" és "B" gombot egyszerre
nyomjuk meg, akkor a robot
mindkét kezét emelje fel, majd
engedje le!
✖ Akkor is integessen a robot, ha balra,
vagy jobbra döntjük az eszközt!
✖ Találjunk ki egyedi robot alakot arra
az esetre, ha az eszközt fel, illetve le
billentjük. (Ez az esemény a logo up,
illetve logo down. Ez arra utal, hogy
a logó a vízszintes helyzethez képest
feljebb, vagy lejjebb kerül)
10
Animációkcsoportmunkában,többmicro:bit-en
✖ Hozzunk létre 2-4 fős csoportokat!
✖ Olyan animációt kell kidolgozni, amely egymás mellé/fölé
helyezett micro:bit-eken fut, látványos, vicces. A micro:bitek
helyzete menet közben is megváltoztatható.
(az időzítés itt fontos szerepet kap)
Inspiráció:
https://www.youtube.com/watch?v=RC_0NzJ2mWA
Vegyük fel videóra a
produktumokat és
osszuk meg!
(közösségi oldalak,
Iskolai honlap, stb.)
11
Egyszerű játék készítése
(Kő, papír, olló)
12
Kő,papír,olló
Az eszköz rázásakor
véletlenszerűen jelenjen meg a LED
mátrixon egy kő, papír, vagy olló.
(véletlenszám generálás, változó
használat, elágazás).
Tartsuk nyilván a pontszámunkat.
Ha nyerünk valaki ellen, akkor
növeljük a pontszámot (B gomb), ha
veszítünk, akkor csökkentjük (A
gomb).
13
Kő,papír,olló-Megoldás
https://makecode.microbit.org/_hu0hjA44JW5j
14
Kő,papír,ollójáték–álljunkfeléspróbáljukki!
A játék neve tojás, fióka, sas, főnix.
✖ Mindenki tojás állapotból indul.
✖ Egy véletlenszerűen kiválasztott párral össze kell állni, és le
kell játszani a kő, papír, olló játékot a micro:bit
megrázásával.
✖ Aki nyer, az fióka állapotba kerül.
✖ Ő keres egy másik fióka állapotú társat. Ők újból lejátsszák a
játékot.
✖ Aki veszít, eggyel visszalép a rangsorban (fióka  tojás), aki
nyer, az előre lép (fióka  sas).
✖ Addig játsszunk, míg valaki el nem éri a főnixmadár szintet.
✖ A micro:bit-tel jelezzük, hogy ki, milyen állapotban van.
(0=tojás, 1=fióka, 2=sas, 3=főnix)
15
Dobókockaszimulátor
• Dobókocka szimulátor (rázásra 1-
től 6-ig véletlenszerűen
választunk is kirajzoljuk a kocka
megfelelő lapját)
16
Haladójátékfejlesztésilehetőségek
✖ A LED mátrix koordináta
alapú manipulálása nem
mindig hatékony, illetve
bonyolult lehet (pl. falról
való visszapattanás
kezelése).
✖ Használjunk sprite-ot!
✖ A sprite
• iránnyal rendelkezik,
• képes előre lépni x egységet,
• képes visszapattanni a falról,
• ütközhet más elemekkel.
17
Lepkefogójáték
✖ A lepkevadásznak minél több lepkét kell gyűjtenie, ezért
folyamatosan mozog. Az „A”, illetve „B” gombbal tud
elfordulni balra, illetve jobbra 45 fokkal.
✖ Amikor megérinti a lepkét, akkor 1-el nő a pontszáma, és egy
új lepke jelenik meg egy véletlenszerűen választott pozíción.
✖ A lepke 3 másodpercenként más helyre repül, a játék 30
másodpercig tart.
18
https://makecode.microbit.org/_6zWTasRc3TDD
19
űrhajósjáték
✖ A kijelző alsó sorában jelenjen meg egy
pont (űrhajó)
✖ A és B gombbal lehessen balra és jobbra
mozgatni
✖ Fentről jöjjön meteor véletlenszerű
helyről, amelyet ki kell kerülni.
✖ Amikor a meteor elérte az alsó sort,
kerüljön a felső sorba véletlenszerű helyre.
✖ Ütközéskor érjen véget a játék.
✖ Számoljuk, hogy hány meteort kerültünk
ki.
✖ Fél percig tartson a játék.
20
űrhajósjáték
https://makecode.microbit.org/_gYxCUTf7K5sc
21
Többfelhasználósjátékok
✖ A micro:bit-ek
képesek egymással
kommunikálni Rádió
kapcsolaton.
✖ Így többfelhasználós
játékokat is
készíthetünk.
22
DEMO
https://makecode.microbit.org/_DygiUrUAv0pu
23
Forrókrumpli(párosjáték)
24
Forrókrumpli(párosjáték)
✖ Az egyik micro:bit „A” gombjának lenyomásával
indul a játék.
✖ Amikor megjelenik az ábra (forró krumpli) a
kijelzőn, minél gyorsabban meg kell nyomni a B
gombot. Ekkor az ábra a másik játékos micro:bit-jére
ugrik. Neki szintén minél előbb a „B” gomb
megnyomásával meg kell szabadulni a forró
krumplitól.
✖ Ha valaki olyankor nyomja meg a gombot, amikor
még nincs nála a csomag, az pontlevonást kap, a
sikeres átküldésnél viszont növekszik a pontszáma.
✖ A játék 30 másodpercig tart. A végén a
pontszámokat meg kell jeleníteni.
25
Forrókrumpli(párosjáték)-megoldás
https://makecode.microbit.org/_7PWbTEAAC4AV
26
Köszönömafigyelmet!
Kérdések?
Elérhetőség
abonyita@inf.elte.hu

More Related Content

What's hot

R9 la rinconada 2022
R9 la rinconada 2022R9 la rinconada 2022
R9 la rinconada 2022
Winston1968
 
Reunion 19 Hipodromo La Rinconada 190524.pdf
Reunion 19 Hipodromo La Rinconada 190524.pdfReunion 19 Hipodromo La Rinconada 190524.pdf
Reunion 19 Hipodromo La Rinconada 190524.pdf
Winston1968
 
R22 La Rinconada 110623.pdf
R22 La Rinconada 110623.pdfR22 La Rinconada 110623.pdf
R22 La Rinconada 110623.pdf
Winston1968
 
R39 La Rinconada 081023.pdf
R39 La Rinconada 081023.pdfR39 La Rinconada 081023.pdf
R39 La Rinconada 081023.pdf
Winston1968
 
R40 La Rinconada 151023.pdf
R40 La Rinconada 151023.pdfR40 La Rinconada 151023.pdf
R40 La Rinconada 151023.pdf
Winston1968
 
R11 la rinconada 130322
R11 la rinconada 130322R11 la rinconada 130322
R11 la rinconada 130322
Winston1968
 
R30 La Rinconada 060823.pdf
R30 La Rinconada 060823.pdfR30 La Rinconada 060823.pdf
R30 La Rinconada 060823.pdf
Winston1968
 
R2 La Rinconada 220123.pdf
R2 La Rinconada 220123.pdfR2 La Rinconada 220123.pdf
R2 La Rinconada 220123.pdf
Winston1968
 
R25 La Rinconada 020723.pdf
R25 La Rinconada 020723.pdfR25 La Rinconada 020723.pdf
R25 La Rinconada 020723.pdf
Winston1968
 
Reu37 La Rinconada 110922.pdf
Reu37 La Rinconada 110922.pdfReu37 La Rinconada 110922.pdf
Reu37 La Rinconada 110922.pdf
Winston1968
 
Reu36 La Rinconada 040922.pdf
Reu36 La Rinconada 040922.pdfReu36 La Rinconada 040922.pdf
Reu36 La Rinconada 040922.pdf
Winston1968
 
R1 Hinava 210123.pdf
R1 Hinava 210123.pdfR1 Hinava 210123.pdf
R1 Hinava 210123.pdf
Winston1968
 
R44 La Rinconada 301022.pdf
R44 La Rinconada 301022.pdfR44 La Rinconada 301022.pdf
R44 La Rinconada 301022.pdf
Winston1968
 
R3 La Rinconada 290123.pdf
R3 La Rinconada 290123.pdfR3 La Rinconada 290123.pdf
R3 La Rinconada 290123.pdf
Winston1968
 
Reu13 Valencia 140522.pdf
Reu13 Valencia 140522.pdfReu13 Valencia 140522.pdf
Reu13 Valencia 140522.pdf
Winston1968
 
R9 La Rinconada 120323.pdf
R9 La Rinconada 120323.pdfR9 La Rinconada 120323.pdf
R9 La Rinconada 120323.pdf
Winston1968
 
R4 La Rinconada 050223.pdf
R4 La Rinconada 050223.pdfR4 La Rinconada 050223.pdf
R4 La Rinconada 050223.pdf
Winston1968
 
R23 Valencia 081022.pdf
R23 Valencia 081022.pdfR23 Valencia 081022.pdf
R23 Valencia 081022.pdf
Winston1968
 
Reunion 10 Hipodromo Nacional de Valencia 180524.pdf
Reunion 10 Hipodromo Nacional de Valencia 180524.pdfReunion 10 Hipodromo Nacional de Valencia 180524.pdf
Reunion 10 Hipodromo Nacional de Valencia 180524.pdf
Winston1968
 

What's hot (20)

R9 la rinconada 2022
R9 la rinconada 2022R9 la rinconada 2022
R9 la rinconada 2022
 
Reunion 19 Hipodromo La Rinconada 190524.pdf
Reunion 19 Hipodromo La Rinconada 190524.pdfReunion 19 Hipodromo La Rinconada 190524.pdf
Reunion 19 Hipodromo La Rinconada 190524.pdf
 
R22 La Rinconada 110623.pdf
R22 La Rinconada 110623.pdfR22 La Rinconada 110623.pdf
R22 La Rinconada 110623.pdf
 
R39 La Rinconada 081023.pdf
R39 La Rinconada 081023.pdfR39 La Rinconada 081023.pdf
R39 La Rinconada 081023.pdf
 
R40 La Rinconada 151023.pdf
R40 La Rinconada 151023.pdfR40 La Rinconada 151023.pdf
R40 La Rinconada 151023.pdf
 
R11 la rinconada 130322
R11 la rinconada 130322R11 la rinconada 130322
R11 la rinconada 130322
 
R30 La Rinconada 060823.pdf
R30 La Rinconada 060823.pdfR30 La Rinconada 060823.pdf
R30 La Rinconada 060823.pdf
 
R2 La Rinconada 220123.pdf
R2 La Rinconada 220123.pdfR2 La Rinconada 220123.pdf
R2 La Rinconada 220123.pdf
 
R25 La Rinconada 020723.pdf
R25 La Rinconada 020723.pdfR25 La Rinconada 020723.pdf
R25 La Rinconada 020723.pdf
 
Reu37 La Rinconada 110922.pdf
Reu37 La Rinconada 110922.pdfReu37 La Rinconada 110922.pdf
Reu37 La Rinconada 110922.pdf
 
Reu36 La Rinconada 040922.pdf
Reu36 La Rinconada 040922.pdfReu36 La Rinconada 040922.pdf
Reu36 La Rinconada 040922.pdf
 
R1 Hinava 210123.pdf
R1 Hinava 210123.pdfR1 Hinava 210123.pdf
R1 Hinava 210123.pdf
 
R44 La Rinconada 301022.pdf
R44 La Rinconada 301022.pdfR44 La Rinconada 301022.pdf
R44 La Rinconada 301022.pdf
 
R3 La Rinconada 290123.pdf
R3 La Rinconada 290123.pdfR3 La Rinconada 290123.pdf
R3 La Rinconada 290123.pdf
 
Reu13 Valencia 140522.pdf
Reu13 Valencia 140522.pdfReu13 Valencia 140522.pdf
Reu13 Valencia 140522.pdf
 
R9 La Rinconada 120323.pdf
R9 La Rinconada 120323.pdfR9 La Rinconada 120323.pdf
R9 La Rinconada 120323.pdf
 
R4 La Rinconada 050223.pdf
R4 La Rinconada 050223.pdfR4 La Rinconada 050223.pdf
R4 La Rinconada 050223.pdf
 
ბედი ქართლისა (განხილვა) Pdf
ბედი ქართლისა (განხილვა) Pdfბედი ქართლისა (განხილვა) Pdf
ბედი ქართლისა (განხილვა) Pdf
 
R23 Valencia 081022.pdf
R23 Valencia 081022.pdfR23 Valencia 081022.pdf
R23 Valencia 081022.pdf
 
Reunion 10 Hipodromo Nacional de Valencia 180524.pdf
Reunion 10 Hipodromo Nacional de Valencia 180524.pdfReunion 10 Hipodromo Nacional de Valencia 180524.pdf
Reunion 10 Hipodromo Nacional de Valencia 180524.pdf
 

More from Andor Abonyi-Tóth

Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Andor Abonyi-Tóth
 
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Andor Abonyi-Tóth
 
QR/AR kódok alkalmazása a felsőoktatási gyakorlatban
QR/AR kódok alkalmazása a felsőoktatási gyakorlatbanQR/AR kódok alkalmazása a felsőoktatási gyakorlatban
QR/AR kódok alkalmazása a felsőoktatási gyakorlatban
Andor Abonyi-Tóth
 
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverekEsélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
Andor Abonyi-Tóth
 
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...Andor Abonyi-Tóth
 
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...Andor Abonyi-Tóth
 
Az Online oktatás evolúciója – A MOOC-ok megjelenése
Az Online oktatás evolúciója – A MOOC-ok megjelenéseAz Online oktatás evolúciója – A MOOC-ok megjelenése
Az Online oktatás evolúciója – A MOOC-ok megjelenéseAndor Abonyi-Tóth
 
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrel
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrelDigitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrel
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrelAndor Abonyi-Tóth
 
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
Andor Abonyi-Tóth
 

More from Andor Abonyi-Tóth (10)

Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
 
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...Egy fiktív oktatási intézmény többnyelvű  webportáljának kialakítása  Wordpre...
Egy fiktív oktatási intézmény többnyelvű webportáljának kialakítása Wordpre...
 
QR/AR kódok alkalmazása a felsőoktatási gyakorlatban
QR/AR kódok alkalmazása a felsőoktatási gyakorlatbanQR/AR kódok alkalmazása a felsőoktatási gyakorlatban
QR/AR kódok alkalmazása a felsőoktatási gyakorlatban
 
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverekEsélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
Esélyegyenlőségi technológiák – irányelvek, módszerek és szoftverek
 
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...
A virtuális környezetek akadálymentes elérését támogató elvek és fejlesztések...
 
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...
Kollaboratív tudás(bázis)építés szemantikus Wiki környezetben – eredmények é...
 
Az Online oktatás evolúciója – A MOOC-ok megjelenése
Az Online oktatás evolúciója – A MOOC-ok megjelenéseAz Online oktatás evolúciója – A MOOC-ok megjelenése
Az Online oktatás evolúciója – A MOOC-ok megjelenése
 
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrel
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrelDigitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrel
Digitális, akadálymentes tananyagok fejlesztése az ELTESCORM keretrendszerrel
 
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
HTML5 és akadálymentesség az ELTE Informatikai Kar kurzusaiban és fejlesztése...
 
Honlapok arculati tervezese
Honlapok arculati tervezeseHonlapok arculati tervezese
Honlapok arculati tervezese
 

Játékos programozás micro:bit-ekkel (Kutatók Éjszakája 2017)

Editor's Notes

  1. Korlátozzuk a próbálkozások számát (pl. 15). Ha ennyiből sikerült az összes hajót eltalálni, akkor a 2. játékos nyer, különben az 1. játékos.