Lær at kode Flappy Bird og Doodle Jump i JavaScript

Spil er de mest sjove programmeringsprojekter. Så snart du er færdig med at oprette spillene, kan du spille dem!

Vi har frigivet en tutorial på YouTube-kanalen freeCodeCamp.org, der hjælper dig med at forbedre dine JavaScript-færdigheder ved at opbygge to populære tusindårs-spil.

I denne vejledning vil udvikler og lærer Ania Kubow vise dig, hvordan du opretter Doodle Jump og Flappy Bird i JavaScript. Denne tutorial er perfekt for folk, der kender lidt JavaScript og ønsker at begynde at sætte alt sammen for at skabe rigtige projekter.

Du vil øve over 32 af JavaScript's mest populære metoder for at opbygge de to spil. Dette inkluderer .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), mens sløjfer, klasser, konstruktører og mange flere.

Her er de sektioner, der er dækket af denne vejledning:

  • Doodle Jump spillogik
  • Opsætning af spillet
  • Oprettelse af doodler
  • Oprettelse af platforme
  • Oprettelse af platformklassen
  • Flytning af platforme
  • At få doodler til at hoppe
  • At få doodler til at falde
  • Skrivning af spillet via logik
  • Tilslutning af tastaturtasterne
  • At få doodler til at gå til venstre og højre
  • Fjernelse og tilføjelse af nye platforme ved hjælp af array-arbejde
  • Fjernelse af alle børn på gitteret ved hjælp af en while-løkke
  • Tilføjelse af score
  • Flappy Bird-spillogik
  • Opsætning af Flappy Bird-projektet
  • Skrivning af Flappy Bird start-spillogik
  • At få fuglen til at hoppe
  • Tilslutning af tastaturtasterne
  • Generer en rørhindring
  • Flytning af forhindringen
  • Generer nye forhindringer ved hjælp af setInterval () og setTimeout ()
  • Skrivning af Flappy Bird-spillet over logik
  • Tilføjelse af billeder til projektet
  • Udvidelse af kollisionsreglerne ved hjælp af && og ||
  • Tilføjelse af Flappy Birds sidste stadier af styling, der lærer om z-index

Se hele kurset på YouTube-kanalen freeCodeCamp.org (2-timers ur).