VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
JavaScript Tutorial: Build Flappy Bird and Doodle Jump

JavaScript Tutorial: Build Flappy Bird and Doodle Jump

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
Improve your JavaScript skills by building two popular millennial games: Doodle Jump & Flappy Bird. In this video, you will practice over 32 of JavaScript's most popular methods in order to build the two games. This includes .forEach(), .push(), .shift(), .addEventListener(), .appendChild(), while loops, Classes, constructors and many more. - Doodle Jump Code: https://github.com/kubowania/Doodle-Jump - Flappy Bird Code: https://github.com/kubowania/flappy-bird
Date: 2022-03-14

Comments and reviews: 10


Explanations are clear and concise. Congrats. Really good job. I'd do several things differently, though in games this simple are not that vital. For example, in the Doodle Jump game, I'd reuse the platforms that disappear from the bottom to reposition them up again (with random X), so it wouldn't be necessary modifying the array, creating and destroying objects, shifting and pushing, and so on. Also I wouldn't use so many intervals but hey, as long as it works... :)
reply

48:25 I think the glitching is happening if you press the same direction multiple times (ie you press left when the doodler is already going left) so it's creating multiple timers. I was able to fix it by adding -if (isGoingLeft) return- and -if (isGoingRight) return- to the top of the respective move functions, so if you're already going that way it'll just get out of the function. Great video!
reply

The tutorial is great. But why I can't make these types of games on my own. It's really frustrating. And you just do it as natural as breathing. Seriously. I wonder what I do even lack. Do I have to follow these tutorials for the rest of my life.
reply

great Video.
One thing i noticed. if you press the arrow key more than once you create mulitple Intervalls.
After the game is over we can only clear the latest one.
That is where the glich is comming from.
Keep up the great work -

reply

Hi I thought to create one more level in doodle game. but i don't know how to start whether i need to keep seperate js file for level or else i need to handle via conditions. i hope if i get a starting i will do it. can u please help me
reply

can someone help me understand why im getting ReferenceError: document is not defined when i run her code from github? what do I need to change to make my program run? I'm trying to learn and this is very frustrating, please help
reply

Ania - the queen of House Platformer, the First of Her Name, Queen of Flappy birds and doodlers, protector of the event loop, the mother of vars, the Khaleesi of div containers, the UltimetlyDefined, the Breaker of closures.
reply

What a bs. Is it really that hard to make proper platformer/flappy bird clone? Those projects shown in video are stuttering all the time and the only thing that you can do there is to pretend that this is real game
reply

Thank you for the great tutorial! My fix for the glitches was simply to clear the left and right timerId intervals just before setting them again in the moveLeft/Right functions.
reply

Getting following error for the second game, the flappy bird when trying to open in the -Live Server- under my browser: Cannot GET/index.html/
reply
Add a review, comment






Other channel videos