Naučte sa, ako kódovať Flappy Bird a Doodle Jump v JavaScripte

Hry sú najzábavnejšie programovacie projekty. Hneď ako dokončíte vytváranie hier, môžete ich hrať!

Na kanáli freeCodeCamp.org na YouTube sme vydali tutoriál, ktorý vám pomôže zdokonaliť sa v ovládaní JavaScriptu vytvorením dvoch populárnych tisícročných hier.

V tomto tutoriáli vám vývojárka a učiteľka Ania Kubowová ukáže, ako vytvoriť Doodle Jump a Flappy Bird v JavaScripte. Tento tutoriál je vhodný pre používateľov, ktorí vedia trochu jazyka JavaScript a chcú začať dávať všetko dokopy, aby vytvorili skutočné projekty.

Na zostavenie týchto dvoch hier si precvičíte viac ako 32 najpopulárnejších metód jazyka JavaScript. Patria sem .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), zatiaľ čo slučky, triedy, konštruktory a mnoho ďalších.

Tu sú sekcie obsiahnuté v tomto výučbe:

  • Logika hry Doodle Jump
  • Príprava hry
  • Vytvorenie doodlera
  • Vytváranie platforiem
  • Vytváranie triedy platformy
  • Pohybovanie sa po plošinách
  • Prinútenie čmáranice skákať
  • Donútenie čmáranice spadnúť
  • Zápis hry do konca
  • Zapojenie klávesov klávesnice
  • Donútenie čmáranice ísť doľava a doprava
  • Odstránenie a pridanie nových platforiem pomocou poľa funguje
  • Odstránenie všetkých potomkov z mriežky pomocou while
  • Sčítanie skóre
  • Logická hra Flappy Bird
  • Pripravuje sa projekt Flappy Bird
  • Písaním hry Flappy Bird začnite logiku hry
  • Prinútiť vtáka skákať
  • Zapojenie klávesov klávesnice
  • Vytvorte prekážku v potrubí
  • Pohyb prekážky
  • Generujte nové prekážky pomocou setInterval () a setTimeout ()
  • Písanie hry Flappy Bird cez logiku
  • Pridávanie obrázkov do projektu
  • Rozšírenie pravidiel kolízie pomocou znakov && a ||
  • Pridanie Flappy Bird posledných fáz stylingu, učenie sa o z-indexe

Celý kurz sledujte na kanáli YouTube freeCodeCamp.org (dvojhodinové sledovanie).