How To Create Your First Game - JavaScript

The chrome dinosaur game is a pretty cool easter egg, but it is also a pretty easy first game dev project. In this video I show you the basics of how to get started with game dev in JavaScript as well as a bunch of tips to handle more advanced game dev concepts.

📚 Materials/References:

🌎 Find Me Here:

⏱️ Timestamps:

00:00 - Introduction
00:30 - HTML
02:35 - CSS
08:00 - World Scaling
12:04 - Update Loop
16:10 - Ground JS
24:50 - Start/Stop Game Logic
29:15 - Dino JS
40:38 - Cactus JS
48:23 - Game Lose Logic

#GameDev #WDS #JavaScript

[Sockerrus]

The if-statement in your update function helped me solve an issue I've been stuck on for sooo long! Thank you!

[jamiyana]

The way you program and the way you explain things is just PERFECT. Honestly, you are the only reason that I'm trying to learn to code at 3am. I'm trying to finish all the beginner projects before the next semester 😅. Thank you so much for making these wonderful tutorials ❤️

[noxagen]

another great vid bro, i get solid fondamentals in CSS and HTML and im study JS atm and all these projects will help me build good portfolio with projects and understand JS in mor pleasure way, keep it going!

[melvinnuslahdtuah]

You are exceptional brother...
Please keep doing and sharing more ideas like this for people like me who's just getting into programming... ❤️❤️

[rightbackatcha]

I had fun doing this! thank you! some concepts are still very advanced to me making it impossible to grasp, but i guess it's good that I'm getting used to write the code.

[makamaka]

I was literally just wondering earlier today how to make a JavaScript game. Thanks for reading my mind Kyle haha <3

[Android-]

Thank you so much Kyle!
Really appreciate your contents.

[agustinguerra]

bro this is amazing! you deserve all the good

[Starkiller]

The best tutor on YT as always goes to you!

[CallousCoder]

I love his code style! Very few youngsters develop this cleanly. With nice small single purpose functions. He avoids if else (I hate that so much!) this is a guy you want to make your frontend. For sure!

[quickcodingtuts]

Awesome. Now I can play this game even if I’m offline



…wait

[almogattal]

I love your videos and this channel. Please post more small games development in JavaScript

[Satishkumar-rxoy]

very nice sir, I learned some concepts which was thinking to learn from past. Thanks

[gunjanbhanarkar]

Soooo awesome, salute to your work buddy

[aaxen]

I've been doing your tutorials and they are excellent, the best out there for JS and CSS imho. But dayyum you were going fast on this one :)

[TheFamilysam]

I made sure to watch the video first this time before attempting it myself. Hopefully I can keep up more this time around, thanks for the info, alot to digest but is definitely helpful.

edit:It did not...

[GsusIsKing]

The code appears to no longer work unfortunately. Both my code checked over multiple times, as well as cloning the exact solution code straight from the GitHub repository linked in the description, both bring up a blank white screen upon opening a webpage. I have tried both Chrome as well as Edge and neither seem to work.

[ow]

Great content as always! Thanks!
Btw do you have any plans of possibly publishing on something with Next.js?

[aaaliiiu]

Thank you for the such a great tutorial, but I have a question: do we really need return in the if statement of update function?

[antonarbus]

even it looks easy under Kyle's hands, that's the most difficult thing i have seen so far!