Doodle Jump in JavaScript! 2024 version

[@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 👏

[@Damzel_Gould]

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

[@THECMYKFILTER]

AMAZING! SO NICE YOU EXIST TO TEACH US!

[@aniakubow]

😍

[@भाईजॉन]

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 ❤❤

[@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😊

[@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?

[@micanal5533]

Nice Tutorial!

[@felipecaro420]

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

[@AlexanderMoyer-k3b]

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

[@rajunaidu7751]

you think youre flappy bird now

[@web-developer-oziy]

Start pls

[@pigderp9682]

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

[@EdisonConnell]

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

[@valenciawalker6498]

Thank you Ania.

[@AlexanderMoyer-k3b]

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 💪

[@thunde7226]

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

[@konstantinkurlayev9242]

Nice coding, 😎

[@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 🥰🥰🥰

[@भाईजॉन]

Hloo

[@seryjsk]

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

[@seryjsk]

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

[@fluxsiarski]

🇵🇱

[@konstantinkurlayev9242]

It is a child play for your