A játékok a legszórakoztatóbb programozási projektek. Amint befejezi a játékok létrehozását, el kell játszania őket!
Kiadtunk egy oktatóanyagot a freeCodeCamp.org YouTube csatornán, amely két népszerű évezredes játék felépítésével segít javítani JavaScript-ismereteit.
Ebben az oktatóanyagban Ania Kubow fejlesztő és tanár megmutatja, hogyan hozható létre Doodle Jump és Flappy Bird a JavaScript-ben. Ez a bemutató tökéletes azoknak a poeple-knek, akik tudnak egy kicsit a JavaScript-ről, és mindent el akarnak kezdeni összerakni valódi projektek készítéséhez.
Több mint 32 JavaScript legnépszerűbb módszert fog gyakorolni a két játék felépítése érdekében. Ide tartoznak a .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), míg a ciklusok, osztályok, konstruktorok és még sok más.
Itt vannak az ebben az oktatóanyagban szereplő szakaszok:
- Doodle Jump játék logika
- A játék beállítása
- A doodler létrehozása
- A platformok létrehozása
- A Platform osztály létrehozása
- A platformok mozgatása
- A doodler ugrása
- A doodler esése
- A játék megírása a logika felett
- Csatlakoztassa a billentyűzet gombjait
- A doodler balra és jobbra haladása
- Új platformok eltávolítása és hozzáadása tömbmunkával
- A rács összes gyermekének eltávolítása egy darab hurok segítségével
- A pontszám összeadása
- Flappy Bird játék logika
- A Flappy Bird projekt beállítása
- A Flappy Bird kezdő játéklogikájának megírása
- A madár ugrása
- Csatlakoztassa a billentyűzet gombjait
- Generáljon cső akadályt
- Az akadály mozgatása
- Új akadályok generálása a setInterval () és a setTimeout () használatával
- A Flappy Bird játék megírása a logika fölött
- Képek hozzáadása a projekthez
- Az ütközési szabályok kibővítése a && és a || használatával
- Hozzáadjuk a Flappy Bird z-index megismerésének utolsó szakaszát
Nézze meg a teljes tanfolyamot a freeCodeCamp.org YouTube csatornán (2 órás nézés).