Megtanulják, hogyan kell kódolni a Flappy Bird és Doodle Jump programokat a JavaScript-ben

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).