Erfahren Sie, wie Sie Flappy Bird and Doodle Jump in JavaScript codieren

Spiele sind die unterhaltsamsten Programmierprojekte. Sobald Sie mit dem Erstellen der Spiele fertig sind, können Sie sie spielen!

Auf dem YouTube-Kanal von freeCodeCamp.org haben wir ein Tutorial veröffentlicht, mit dem Sie Ihre JavaScript-Kenntnisse verbessern können, indem Sie zwei beliebte Millennial-Spiele erstellen.

In diesem Tutorial zeigt Ihnen die Entwicklerin und Lehrerin Ania Kubow, wie Sie Doodle Jump und Flappy Bird in JavaScript erstellen. Dieses Tutorial ist perfekt für Leute, die ein bisschen JavaScript kennen und anfangen möchten, alles zusammenzusetzen, um echte Projekte zu erstellen.

Sie werden über 32 der beliebtesten Methoden von JavaScript üben, um die beiden Spiele zu erstellen. Dies umfasst .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), während Schleifen, Klassen, Konstruktoren und viele mehr.

Hier sind die Abschnitte, die in diesem Tutorial behandelt werden:

  • Doodle Jump Spiellogik
  • Spiel einrichten
  • Erstellen Sie den Doodler
  • Plattformen erstellen
  • Erstellen der Plattformklasse
  • Plattformen verschieben
  • Den Kritzler zum Springen bringen
  • Den Kritzler fallen lassen
  • Das Spiel über Logik schreiben
  • Schließen Sie die Tastaturtasten an
  • Den Kritzler nach links und rechts gehen lassen
  • Entfernen und Hinzufügen neuer Plattformen mithilfe von Array-Arbeit
  • Entfernen aller untergeordneten Elemente des Rasters mithilfe einer while-Schleife
  • Punktzahl hinzufügen
  • Flappy Bird Spiellogik
  • Einrichten des Flappy Bird-Projekts
  • Schreiben der Flappy Bird-Startspiellogik
  • Den Vogel zum Springen bringen
  • Schließen Sie die Tastaturtasten an
  • Erzeugen Sie ein Rohrhindernis
  • Das Hindernis bewegen
  • Generieren Sie neue Hindernisse mit setInterval () und setTimeout ()
  • Schreiben des Flappy Bird-Spiels über Logik
  • Hinzufügen von Bildern zum Projekt
  • Erweitern der Kollisionsregeln mit && und ||
  • Hinzufügen der letzten Phasen des Styling von Flappy Bird zum Erlernen des Z-Index

Den vollständigen Kurs finden Sie auf dem YouTube-Kanal von freeCodeCamp.org (2-stündige Wiedergabe).