Introduktion til spiludvikling med JavaScript

Denne fulde vejledningsvideo er en introduktion til spiludvikling ved hjælp af vanilje JavaScript og HTML5 lærred. Chris Perko viser, hvordan man bygger et komplet brick-breaker-spil, mens han forklarer det grundlæggende i spiludvikling.

Videoen dækker følgende emner:

  • Projektopsætning og lærred
  • Tegning på lærredet
  • Rydning af lærredet
  • Oprettelse af spillerens padle
  • Game Loop
  • Håndtering af tastaturindgang
  • Flytning af padlen
  • Standser padlen
  • Tegning af kuglebilledet
  • Flytning af bolden
  • Refactoring til spilklassen
  • Kollisionsdetektion mellem kuglen og padlen
  • Ilægning af mursten
  • Bygningsniveauer
  • Kollisionsdetektion med mursten
  • Pauseskærm
  • En simpel startmenu
  • Game Over
  • Afslutning af niveauer

Du kan se videoen på YouTube-kanalen freeCodeCamp.org (76 minutters overvågning)