Doodle Jump in JavaScript! 2024 version

Found this hard? Learn the fundamentals of coding here: www.codewithan...
🚀 Sign up to www.codewithan... to receive access for the final code.
____
⭐ Check out my IDE here and get 1 month free: jb.gg/get_webs...
⭐ New to code and none of this is making sense? Watch my '12hr+ CZcams Coding Bootcamp' in which you will learn HTML, CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here (I get no commission from this link, but am in a partnership): bit.ly/tabnine-...
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-cr...
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoff...
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow

[@dev_ression]

You’re a legend, thank you for making this!,

[@ewertonfrancissantos6912]

Thank you for this tutorial, Ania, I was very happy to complete it, get out of the frameworks a little and learn more about Vanilla js, I still have a lot to learn, thank you!

[@likandokayombo]

Counting down with Ania 👏

[@user-qn7dx9iq4m]

00:01 Learn to build Doodle Jump game in JavaScript.
02:13 Setting up project files and linking stylesheet.
06:36 Preparing JavaScript and adding necessary images and files for Doodle Jump game.
08:43 Create a doodler using JavaScript method.
13:10 Creating platforms using classes and constructor
15:33 Creating multiple platforms with equal spacing.
20:06 Adjust doodler position to interact with platforms
22:25 Creating and moving platforms in the game
26:49 Setting up variables, timers, gravity, and speed for Doodle Jump game logic.
29:11 Handling game over and implementing clean up
33:44 Handling left and right movement in JavaScript
35:56 Implementing left and right movement for the doodler
40:34 Implementing the 'move straight' function

[@salmanjaani7826]

Thanks mam it's really helpful and amazing ❤❤

[@Damzel_Gould]

Wow! I'm so glad to learn from you.

[@THECMYKFILTER]

AMAZING! SO NICE YOU EXIST TO TEACH US!

[@aniakubow]

😍

[@braveitor]

It's quite good but I'd have done several things differently. First of all, destroying and creating objects is quite expensive, so you could simply put at the top in a random lateral position any platform that goes below the lower part. That way the performance would be much better (with more objects, this is quite a simple game).
But I don't think that using so many intervals is a good option. You could have used velocity variables instead, so there could be just one main interval for the whole game and movement. If you press right, increase vx and so on. Just another way to implement this (and simpler, imho)

[@reuven2010]

u are really good where did you learn

[@braveitor]

@@reuven2010 Just from the experience, reading a lot about javascript and game development, other tutorials... This channel is a really good reference for javascript game programming: www.youtube.com/@Frankslaboratory

[@dgtldrft]

Could you share an example, plz?

[@asyncrohan]

Thanks a lot for this one , i am trying to built some games in js because of you , you gave me this vision 😅 that i can do anything with js only😊

[@felipecaro420]

Hola hoy iniciamos clase en desarrollo de software creo que estaré por aquí más seguido 😅🎉

[@micanal5533]

Nice Tutorial!

[@rajunaidu7751]

you think youre flappy bird now

[@user-mh1km3mv7z]

trying to find stuff to do for winter break but code with ania is for sure not it!

[@you_tuber_coder]

Start pls

[@pigderp9682]

how does the move function work? doodlerbottom is 150. why is the if parameter set to > 200?

[@user-cy7dm6lg2l]

I wondered the same thing, so I set the if condition to "if(doodlerBottomSpace > 149)

[@valenciawalker6498]

Thank you Ania.

[@user-mh1km3mv7z]

i cant follow your tutorial
senior cs major at cmu :/

[@aniakubow]

I’m sorry you are having trouble. You can find the code to compare yours to on my GitHub. Coding can be hard. It’s important to keep at it 💪

[@user-qn7dx9iq4m]

Hloo

[@thunde7226]

short.... and great.................;) bye

[@RAVISHARMA-hk5ll]

Awesome

[@mickme8914]

You would have to be THE most attractive person i have ever seen on this planet!. I would attempt to put words to just how attractive you are. However it would only fall far short, and end up being offensive to your beauty. I think i have just found myself in a crush 🥰🥰🥰

[@konstantinkurlayev9242]

Nice coding, 😎

[@fluxsiarski]

🇵🇱

[@seryjsk]

Как там аишники развиваются¡¿.

[@seryjsk]

..да и музеи как.

[@konstantinkurlayev9242]

It is a child play for your