Code Doodle Jump in Javascript

How to code doodle jump with javascript. For this tutorial, you will learn how to code the popular mobile game, doodle jump, using HTML canvas.

Throughout the tutorial, you will learn how to create the game loop, add images onto the canvas, add click handlers to move the doodler jump and move left and right, apply game physics, randomly generate platforms and move them down the screen, detect collisions between the doodler and each platform, add a running score, and reset the game.

Java Game Programming Projects Playlist:

JavaScript Game Programming Projects Playlist:

Subscribe for more coding tutorials 😄!

[l]

May I ask how do you know the pixel size of the image? It saids 640*1024 in the visual studio, but in your video you said 360*576. I m confused by this part.

[hassaanlifts]

nice
i follow your video step by step and i create this game greatly

[hellothere]

Thanks for the video! Would you consider doing the NYT spelling bee game?

[topgamebest]

i dont understand (doodler.y <board.height * 3/4 && velocityY < 0 ) { platform.y -= initialVelocityY } here ur say if velocityY < 0 we falling down but it mean that we moving up no?

[aasthapant]

helpful video!! can you suggest tips or source how we can learn about dimensions and how to generally use them to get the accurate results in other projects as well

[cedroidx]

How can I make it compatible with phones?

[oksanagrigorenko]

Thanks a lot for your explanation! That was a great job and useful tutoring)))🤩

[Ultimateman]

this game was bonkers wayyyy back during my high school times

[shoaibkhan-eqvp]

It's amazing project, I learned a lot of things and I will work on this to make it more interesting! Thankss for a great video!!

[artfire]

I followed step by step instructions and I even copied and pasted your javascript code and my doodler still keeps jumping at a faster speed than what you show in this video.