Enhance JavaScript skills by building two popular millennial games: Doodle Jump and Flappy Bird in this comprehensive tutorial. Practice over 32 of JavaScript's most popular methods including .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), while loops, Classes, and constructors. Learn game logic, project setup, character creation, platform generation, movement mechanics, collision detection, and scoring systems. Explore advanced concepts such as array manipulation, DOM manipulation, keyboard event handling, and timing functions. Apply styling techniques and image integration to create visually appealing games. Access provided GitHub repositories for complete source code and follow along with the detailed, time-stamped course contents covering both games' development processes.
Overview
Syllabus
Introduction.
Introduction to Doodle Jump.
Doodle Jump game logic.
Setting up our game.
Creating our doodler.
Creating our platforms.
Creating our Platform Class.
Moving our platforms.
Making our doodler jump.
Making our doodler fall.
Writing our game over logic.
Hooking up our keyboard keys.
Making our doodler go left and right.
Removing and adding new platforms using array work.
Removing all children of the grid using a while loop.
adding the score.
Flappy Bird introduction.
Flappy Bird game logic.
Setting up our project.
Writing our start game logic.
Making our bird jump.
Hooking up our keyboard keys.
Generate a pipe obstacle.
Move the obstacle.
Generate new obstacles using setInterval() and setTimeout().
Write our game over logic.
We learn how to add images to our project.
We expand our collision rules using && and ||.
We add the final stages of styling learning about z-index.
Taught by
freeCodeCamp.org
