Videók automatikus lejátszása
Automatikus ugrás a következő leckére
Előző lecke
Következő lecke
Hogyan írjunk aknakereső játékot AI segítséggel - kezdő JavaScript-tanfolyam
A kurzusról
Mit kell tudni a kurzusról? (5:44)
Hasznos tudnivalók (7:55)
1. Rész - HTML canvas feltöltve mezőkkel
1.1 Az első rész tartalmáról (4:44)
1.2 Telepítendők, regisztrációk (11:16)
1.3 Git, GitHub alapok, saját repository (15:16)
1.4 A játék alap HTML-oldalának és JS-fájljának elkészítése, ezek összekötése (15:35)
1.5 HTML canvas (16:11)
1.6 Helyezzünk el egy képet a canvason - JS változók (18:30)
1.7 Helyezzünk el több képet, különböző pozíciókba - JS függvények (17:42)
1.8 Töltsük fel a pálya első sorát képekkel - JS for ciklus (17:41)
1.9 Töltsük fel a teljes pályát képekkel - JS beágyazott for ciklus (14:25)
2. Rész - Random aknák a pályán
2.1 A második rész tartalmáról (3:25)
2.2 A pálya adatstruktúrájának elkészítése - JS tömbök (17:35)
2.3 A mezők adatainak tárolása - JS adattípusok (8:30)
2.4 A kiinduló pálya dinamikus elkészítése (14:32)
2.5 Random aknák elhelyezése a pályán (21:17)
2.6 Aknák és üres mezők megjelenítése a canvas-on (19:09)
2.7 A játék kinézetének véglegesítése - HTML, CSS (11:23)
3. Rész - Kattintásra megjelenő szám és akna mezők
3.1 A harmadik rész tartalmáról (5:56)
3.2 A számos mezők kiszámításának logikája (9:53)
3.3 A számos mező értékek kiszámításának elkezdése (12:16)
3.4 A szomszédos mezők koordinátáinak lekérdezése (17:44)
3.5 A szomszédos aknák megszámolása (10:28)
3.6 A mezők láthatósági térképének elkészítése (6:58)
3.7 A mezők értékeinek elrejtése a canvas-on (8:50)
3.8 Kattintásra megjelenő mező értékek (17:20)
3.9 Nullás mezőre kattintva jelenítsük meg az egész nullás területet (8:32)
Oszd meg a tanulás örömét barátaiddal 🤝
Ajánlói kedvezmény
Szeretnél oklevelet kapni?
Oklevéllel kapcsolatos tudnivalók
4. Rész - Játék logika
4.1 A negyedik rész tartalmáról (5:21)
4.2 Aknára kattintva a játék elvesztése (10:22)
4.3 Az első kattintás ne lehessen akna (7:42)
4.4 Ha felfedtük az összes nem akna mezőt, nyerjük meg a játékot (6:07)
4.5 Játék újraindítása (6:58)
4.6 Jobb klikkre zászló lehelyezése (14:30)
4.7 Hátralévő aknák számának megjelenítése (16:57)
4.8 Elvesztett játék esetén a téves helyre rakott zászlók jelölése (9:03)
4.9 Az eltelt másodpercek megjelenítése (15:08)
4.10 Végső simítások (21:41)
4.11 Az elkészült játék publikálása (4:34)
Hogyan tovább?
Hogyan tovább? (9:21)
Kiegészítések
Ha nem mindig töltődnének be a képek
Itt a vége
Eljött az ünneplés ideje! 🎉🍾
2.2 A pálya adatstruktúrájának elkészítése - JS tömbök
Ez a lecke még nem elérhető
Ha már beiratkoztál,
be kell jelentkezned
.
Beiratkozom a tanfolyamra