Skip to content

Tutorial JavaScript: Construiește Flappy Bird și Doodle Jump

Tutorial JavaScript: Construiește Flappy Bird și Doodle Jump

Îmbunătățiți-vă abilitățile JavaScript creând două jocuri populare mileniale: Doodle Jump și Flappy Bird.

În acest videoclip, veți exersa peste 32 dintre cele mai populare metode JavaScript pentru a crea cele două jocuri. Aceasta include .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), bucle while, clase, constructori și multe altele.

💻 Cod Doodle Jump: https://github.com/kubowania/Doodle-Jump
💻 Cod Flappy Bird: https://github.com/kubowania/flappy-bird

✏️ Curs creat de Ania Kubow.
🎥 Canalul de YouTube al Aniei: https://www.youtube.com/aniakubow
🐦 Twitter-ul Aniei: https://www.twitter.com/ania_kubow

⭐️ Conținutul cursului ⭐️
⌨️ (00:00) Introducere
⌨️ (01:54) Introducere în Doodle Jump
⌨️ (01:56) Logica jocului Doodle Jump
⌨️ (03:34) Configurarea jocului nostru
⌨️ (07:37) Ne creăm doodler-ul
⌨️ (12:02) Crearea platformelor noastre
⌨️ (15:02) Crearea clasei noastre de platformă
⌨️ (19:53) Mutăm platformele noastre
⌨️ (23:12) Ne facem să sară pe doodler
⌨️ (22:40) Făcându-ne să cadă pe doodler
⌨️ (27:21) Ne scriem jocul peste logică
⌨️ (30:54) Conectarea tastelor de la tastatură
⌨️ (38:21) Făcându-ne pe doodler să meargă la stânga și la dreapta
⌨️ (44:57) Eliminarea și adăugarea de noi platforme folosind lucrul cu matrice
⌨️ (48:49) Eliminarea tuturor copiilor din grilă folosind o buclă while
⌨️ (49:41) adăugând scorul

⌨️ (51:42) Introducere Flappy Bird
⌨️ (51:44) Logica jocului Flappy Bird
⌨️ (52:08) Stabilirea proiectului nostru
⌨️ (57:55) Scriem logica jocului de început
⌨️ (1:00:35) Ne facem să sară pasărea
⌨️ (1:03:01) Conectarea tastelor de la tastatură
⌨️ (1:04:04) Generați un obstacol în conductă
⌨️ (1:09:04) Deplasați obstacolul
⌨️ (1:11:34) Generați noi obstacole folosind setInterval() și setTimeout()
⌨️ (1:13:06) Scrieți jocul nostru cu logica
⌨️ (1:18:53) Învățăm cum să adăugăm imagini la proiectul nostru
⌨️ (1:22:37) Ne extindem regulile de coliziune folosind && și ||
⌨️ (1:25:01) Adăugăm etapele finale ale învățării stilului despre z-index

Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org

Citiți sute de articole despre programare: https://freecodecamp.org/news

Cursuri interesante:

Leave a Reply

Your email address will not be published. Required fields are marked *