Skip to main content

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

Popular Game Development Tutorial using Javascript
Popular Game Development Tutorial using Javascript

Popular Game Development Tutorial using Javascript

In this video, you will practise over 32 of JavaScripts most popular methods in order to build the two games. This includes .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), while loops, Classes, constructors and many more.

Flappy Bird & Doodle Jump Javascript Tutorial

Course Contents

  • (00:00) Introduction
  • (01:54) Introduction to Doodle Jump
  • (01:56) Doodle Jump game logic
  • (03:34) Setting up our game
  • (07:37) Creating our doodler
  • (12:02) Creating our platforms
  • (15:02) Creating our Platform Class
  • (19:53) Moving our platforms
  • (23:12) Making our doodler jump
  • (22:40) Making our doodler fall
  • (27:21) Writing our game over logic
  • (30:54) Hooking up our keyboard keys
  • (38:21) Making our doodler go left and right
  • (44:57) Removing and adding new platforms using array work
  • (48:49) Removing all children of the grid using a while loop
  • (49:41) adding the score

  • (51:42) Flappy Bird introduction

  • (51:44) Flappy Bird game logic
  • (52:08) Setting up our project
  • (57:55) Writing our start game logic
  • (1:00:35) Making our bird jump
  • (1:03:01) Hooking up our keyboard keys
  • (1:04:04) Generate a pipe obstacle
  • (1:09:04) Move the obstacle
  • (1:11:34) Generate new obstacles using setInterval() and setTimeout()
  • (1:13:06) Write our game over logic
  • (1:18:53) We learn how to add images to our project
  • (1:22:37) We expand our collision rules using && and ||
  • (1:25:01) We add the final stages of styling learning about z-index
-- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://freecodecamp.org/news And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp

Watch Online Full Course: JavaScript Tutorial: Build Flappy Bird and Doodle Jump


Click Here to watch on Youtube: JavaScript Tutorial: Build Flappy Bird and Doodle Jump


This video is first published on youtube via freecodecamp. If Video does not appear here, you can watch this on Youtube always.


Udemy JavaScript Tutorial: Build Flappy Bird and Doodle Jump courses free download, Plurasight JavaScript Tutorial: Build Flappy Bird and Doodle Jump courses free download, Linda JavaScript Tutorial: Build Flappy Bird and Doodle Jump courses free download, Coursera JavaScript Tutorial: Build Flappy Bird and Doodle Jump course download free, Brad Hussey udemy course free, free programming full course download, full course with project files, Download full project free, College major project download, CS major project idea, EC major project idea, clone projects download free

Comments

Popular posts from this blog