JavaScript Tutorial: Build Flappy Bird and Doodle Jump

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

freeCodeCamp.org via freeCodeCamp Direct link

Creating our doodler

5 of 29

5 of 29

Creating our doodler

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Introduction to Doodle Jump
  3. 3 Doodle Jump game logic
  4. 4 Setting up our game
  5. 5 Creating our doodler
  6. 6 Creating our platforms
  7. 7 Creating our Platform Class
  8. 8 Moving our platforms
  9. 9 Making our doodler jump
  10. 10 Making our doodler fall
  11. 11 Writing our game over logic
  12. 12 Hooking up our keyboard keys
  13. 13 Making our doodler go left and right
  14. 14 Removing and adding new platforms using array work
  15. 15 Removing all children of the grid using a while loop
  16. 16 adding the score
  17. 17 Flappy Bird introduction
  18. 18 Flappy Bird game logic
  19. 19 Setting up our project
  20. 20 Writing our start game logic
  21. 21 Making our bird jump
  22. 22 Hooking up our keyboard keys
  23. 23 Generate a pipe obstacle
  24. 24 Move the obstacle
  25. 25 Generate new obstacles using setInterval() and setTimeout()
  26. 26 Write our game over logic
  27. 27 We learn how to add images to our project
  28. 28 We expand our collision rules using && and ||
  29. 29 We add the final stages of styling learning about z-index

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.