Switch to the store?

A Car Racer JavaScript Game Exercise Using Vanilla JavaScript [Video]

More Information
Learn
  • Create a car racing game from scratch 
  • Apply JavaScript and move elements within a page using JavaScript
  • Detect overlapping collision between two elements
  • Run animations within JavaScript
About

Have you ever wanted to build amazing and interactive games? If yes, then this course is perfect for you.
A basic knowledge of JavaScript is desirable as the course covers only JavaScript relevant to building a game. Also, HTML and CSS knowledge is essential as the scope of this course focuses entirely on JavaScript.

The course is designed to teach you to use JavaScript. We cover the following:-

  • Learn how to set up your gameplay area using HTML and CSS
  • Add JavaScript setting event listeners
  • Add keyboard actions to move an HTML div using keyboard arrow keys
  • Run AnimationFrame() to change element position and respond to the user's commands
  • Set up and start game functionality 
  • Create a dynamic JavaScript road
  • Create elements within JavaScript
  • Access the JavaScript Document Object Model to manipulate element properties
  • Set up and add values within an object to track location and movement
  • Set up a dashboard to output variables for the user such as the score and speed
  • Add road movement
  • Track speed dynamically with braking and accelerating 
  • Add other cars and have them move within the gameplay area
  • Check for element overlap and detect collisions
  • Score and extend gameplay

Practicability is the key to this course. Using JavaScript, you have a wide variety of options whereby you can take the code provided within this course and expand it in any number of directions. Learn, practice, and create your own interactive game.

Style and Approach

This course will literally take you from knowing nothing about game development with JavaScript to mastering JavaScript elements, components, and animations and applying JavaScript to your own car racing game.

Features
  • Build a fully functional racing game from scratch.
  • Accelerate your web pages with Google Sheet, Docs and Slides
Course Length 2 hours 14 minutes
ISBN9781789801910
Date Of Publication 19 Sep 2018

Authors

Laurence Svekis

Laurence Svekis is an instructor. He has 18+ years' work experience in web development, providing smart digital solutions online for both small and enterprise level businesses. An experienced web application developer, he has worked on multiple enterprise-level applications, hundreds of websites and business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL—in short, anything to do with web creation and digital experience. He is passionate about everything to do with web application development and programming to online marketing with a strong focus on social media and SEO.