Vertical Platformer Game Tutorial with JavaScript and HTML Canvas

0:00 Project summary
0:58 Project setup
8:55 Domain setup
16:15 Gravity
33:35 Player movement
42:50 Background sprite
57:22 Collision blocks
1:29:54 Collision detection
1:51:31 Sprite animation
2:16:19 Hitbox implementation
2:32:09 Sprite swapping
2:56:33 Platform jumping
3:11:27 Horizontal camera panning
3:31:13 Vertical camera panning
3:41:06 Launch final product to Hostinger

[cedric_mllr]

Bro i keep falling asleep and always get these multiple hour long videos of creating games

[-Hari-]

accidentally watched over 3 hours of this while asleep.

edit: damn this is actually good wtf

[mkegame_dev]

I love these videos, I do. But I am getting g sick and tired of waking up to them

[Spukhau]

Fell asleep watching Kurtis Conner, woke up here. Feelin’ good.

[avgwebuser]

Why the fuck do i keep waking up to this specific video. This is the 4th time

[captainMony]

This is uncanny how many people wake up to this, including me

[low]

Ok. Why in the actual fuck have I gone to sleep and my phone decide to watch this?

[micemincer]

edit: So you people know - this is the only yt channel with 0 - 100 tutorials on this subject and without clowning, with some tolerable product placement and with professional content and host. Better to download so it never get lost.

[trixelized]

It's surreal gaining interest in web game development and seeing your own stuff pop up. Thank you for using my tileset!! I never expected people to like it all that much, I mocked it up in a few days '^^

[FoxSock]

i dont know how i got here, i dont know how i got 11 minutes in with no fucking clue that i was even watching this, but i feel marginally smarter, so thank you

[mohamed]

I appreciate the production quality of these videos.

[ejfm]

Your tutorials are so detailed and easy to understand. I appreciate your work on these videos !

[charliesta.abc]

I need to finally watch this video but it always plays deep in the night

[spanfabrik]

Chris, the effort, time and love you put into your tutorials is VERY MUCH appreciated. Words can hardly express how much I appreciate what you are publishing here on this channel. The code is easy to read and easy to follow along. For me as a former C# developer (about 12 years ago, back in the days) this is very helpful.
I wanted to write a ToDo-List app using HTML and JavaScript. Then I stumbled upon your Youtube channel, now I seriosly need to create a 2d platformer :). After I am done with this course here I will definitely check out the premium stuff on your homepage <3

[nikolaikilt]

I am loving your clear explanations and how you go through the code. It is very fun to learn like this! Keep it up!

[commandprompt]

dude thank you so much for this tutorial, I came from c/c++ to java script, and I was hating it like crazy, because I had no main function and while loop, and the for loops will crash on my side constantly, the way you are explaining java script makes a lot of sense, thank you!

[AaronAsherRandall]

I woke up again to this as well. Honestly this guy is so good and these projects look so cool. I really want to actually do one of these guy’s projects instead of just waking up to it! I would like to request a game done in React!

[aqua-bery]

I feel like, the closer the time is to midnight, the higher the chance for this video is to show up

[djcaly]

Pro tip: In Sublime, you can save the file name directly if you write it on the first line, and press Ctrl/Cmd + S and Enter/Return. I always do Ctrl + N, write the file name in the first line of the file, Ctrl + S, Enter, Ctrl + A, and start typing whatever.

[thefuntech]

It Tooks me 2 days to understand and built this project by your video very nice video and explanation keep growing may your channel get a million subscriber .