Ez a teljes oktatóvideó a vanília JavaScriptet és HTML5 vásznat használó játékfejlesztés bevezetését mutatja be. Chris Perko bemutatja, hogyan lehet egy teljes téglafeltörő játékot felépíteni, miközben elmagyarázza a játékfejlesztés alapjait.
A videó a következő témákat fedi le:
- Projekt beállítása és vászon
- Rajz a vászonra
- A vászon tisztítása
- A játékos lapát létrehozása
- A játék hurok
- A billentyűzet bevitelének kezelése
- A lapát mozgatása
- A lapát leállítása
- A labda kép rajzolása
- A labda mozgatása
- Visszatekintés a játékosztályba
- Ütközés észlelése a labda és a lapát között
- Tégla betöltése
- Épületszintek
- Ütközés detektálás téglákkal
- Szünet képernyő
- Egyszerű Start menü
- Játék vége
- Szintek kitöltése
Megnézheti a videót az freeCodeCamp.org YouTube csatornán (76 perces nézés) .