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:

GitHub Code: https://github.com/WebDevSimplified/chrome-dino-game-clone JavaScript Modules Video: https://youtu.be/cRHQNNcYf6s JavaScript Modules Article: https://blog.webdevsimplified.com/2021-11/es6-modules JavaScript Data Attributes Article: https://blog.webdevsimplified.com/2019-10/do-not-use-class-selectors-in-javascript

🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com My Courses: https://courses.webdevsimplified.com Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified

⏱️ 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 ... https://www.youtube.com/watch?v=47eXVRJKdkU