Научете как да кодирате Flappy Bird и Doodle Jump в JavaScript

Игрите са най-забавните програми за програмиране. Веднага след като приключите със създаването на игрите, можете да ги играете!

Издадохме урок на канала freeCodeCamp.org YouTube, който ще ви помогне да подобрите уменията си за JavaScript, като изградите две популярни хилядолетни игри.

В този урок разработчикът и учител Ania Kubow ще ви покаже как да създадете Doodle Jump и Flappy Bird в JavaScript. Този урок е идеален за хора, които знаят малко JavaScript и искат да започнат да сглобяват всичко, за да правят реални проекти.

Ще практикувате над 32 от най-популярните методи на JavaScript, за да изградите двете игри. Това включва .forEach (), .push (), .shift (), .addEventListener (), .appendChild (), докато цикли, класове, конструктори и много други.

Ето разделите, обхванати в този урок:

  • Doodle Jump логика на играта
  • Настройване на играта
  • Създаване на doodler
  • Създаване на платформи
  • Създаване на клас на платформа
  • Преместване на платформите
  • Накарайте doodler да скочи
  • Накарайте драскулката да падне
  • Писане на играта над логиката
  • Свързване на клавишите на клавиатурата
  • Накарайте драскулката да отиде наляво и надясно
  • Премахване и добавяне на нови платформи с помощта на масивна работа
  • Премахване на всички потомци на мрежата с помощта на цикъл while
  • Добавяне на резултата
  • Flappy Bird логика на играта
  • Създаване на проекта Flappy Bird
  • Писане на логиката за стартиране на Flappy Bird
  • Направете птицата да скочи
  • Свързване на клавишите на клавиатурата
  • Генерирайте тръбна пречка
  • Преместване на препятствието
  • Генерирайте нови препятствия с помощта на setInterval () и setTimeout ()
  • Писане на играта Flappy Bird над логиката
  • Добавяне на изображения към проекта
  • Разширяване на правилата за сблъсък с помощта на && и ||
  • Добавяне на заключителните етапи на Flappy Bird на стайлинг, изучаване на z-index

Гледайте пълния курс на YouTube канала на freeCodeCamp.org (2-часово гледане).