by Laurence Svekis | Released April 2019 | ISBN: 9781838824648

Learn how you can build a car game from scratch and practice building a fun mini applicationAbout This VideoFamiliarity with HTML and CSS is expectedSource code availableIn DetailUnderstand how you can build a fully functional car racing game using just JavaScript. If you're a beginner, this course is perfect for you to get to grips with creating interactive web applications. It demonstrates how to build a website-based car racing game and provides the source code and detailed instructions with which you can build your own version of the game. This course is designed for anyone who wants to build interactive content and practice applying JavaScript in development.You'll cover the following topics:Element selection and manipulation using JavaScriptUpdating element style properties to move elements on your web pageAdding event listeners to create interactive contentKeyboard events used to move elementsCollision detection between two elements on the pageUsing animation frame function in JavaScriptCreating elements dynamicallyApplying logic for game functionsBuild dynamic and interactive web applications with JavaScript—no libraries or shortcuts involved. Core knowledge of JavaScript and familiarity with HTML and CSS is a prerequisite, as the course covers only JavaScript relevant to the developing the game. Start building your own version of the game today!Downloading the example code for this course: You can download the example code files for this course on GitHub at the following link: https://github.com/PacktPublishing/Build-a-Car-Driving-Game-from-Scratch-using-JavaScript. If you require support please email: [email protected]. Show and hide more

1. Chapter 1 : Introduction to JavaScript car game
   • Car Game Introduction 00:02:06
   • Web developer setup 00:02:13
2. Chapter 2 : JavaScript building a car driving game from scratch
   • JavaScript Car Game Setup 00:04:03
   • KeyPress Event Listeners 00:04:38
   • RequestAnimationFrame Method 00:06:08
   • Move Div with Keypress 00:06:31
   • Road Builder 00:06:13
   • JavaScript game Road lines moving 00:03:16
   • Road Line Movement 2 00:04:03
   • Generate More Cars 00:05:43
   • Check Collision Detection 00:04:32
   • End Game Scoring 00:06:02
   • Restart Game Function 00:02:19
   • Random Color value 00:04:46
   • Game Tweaks and adjustments 00:02:58
   • Quick CSS update 00:02:14
   • Car Game Code Review 00:12:51
Show and hide more