Car Racer JavaScript Game Exercise Vanilla JavaScript
4.3 (27 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,786 students enrolled

Car Racer JavaScript Game Exercise Vanilla JavaScript

Explore how to create a custom JavaScript Car racer game from scratch using only JavaScript - Practice Exercise
4.3 (27 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
1,786 students enrolled
Created by Laurence Svekis
Last updated 11/2019
English
English [Auto]
Current price: $129.99 Original price: $199.99 Discount: 35% off
7 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 2 hours on-demand video
  • 9 articles
  • 12 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll 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
Course content
Expand all 31 lectures 02:23:55
+ Introduction to JavaScript Car Racer Exercise
30 lectures 02:22:41
Car images Download
00:02
JavaScript Element Selection
06:16
JavaScript Event Listeners
05:14
Setup Player Car and Start Functions
06:27
Source Code Index and CSS
00:37
JavaScript Road Building
05:06
Interaction with Keyboard
11:59
JavaScript Source Code
00:37
Update Dashboard Values
05:30
Moving Road JavaScript
06:10
Tweak moving road Side move
07:16
Source Code
00:57
Keep player on the road
07:32
Source Code
01:03
JavaScript Game Adding other Cars
10:18
Making other cars move
07:02
JavaScript Element Collision detection Element Overlap Detection
08:59
Source Code
00:57
Enemy collision detection Car hit Car Check
04:17
Source Code
01:55
Final Game Over Play JavaScript
06:01
Next level Restart Game
04:12
JavaScript Exercise Code Review and Overview
10:49
Final Source Code
02:40
Requirements
  • Fundamental JavaScript concepts
  • Access to computer
  • Use of editor to write code
  • HTML and CSS knowledge
Description

Practice and learn more about JavaScript DOM while building a fun interactive car racing game from scratch.  

No libraries, no shortcuts just learning JavaScript!

Source code is included to get you started quickly.

Prefect course for beginners to learn more about JavaScript!!! Step by step learning with all steps included

Fun and exciting way to learn and practice JavaScript.

Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.  Also HTML and CSS knowledge is essential as scope of this course is all JavaScript focused.  

  • Learn how to setup 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 users commands

  • Setup start game functionality 

  • Create a dynamic JavaScript road

  • Create elements within JavaScript

  • Access the JavaScript Document Object Model to manipulate element properties

  • Setup and add values within an object to track location and move

  • Setup a dashboard to output variables for the user like 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

All this is included and a whole lot more.  

Along with friendly support in the Q&A to help you learn and answer any questions you may have.

Try it now you have nothing to lose, comes with a 30 day money back guarantee.  

Start building your own version of the game today!!!!



Who this course is for:
  • Beginners to JavaScript
  • Anyone who wants to practice writing JavaScript
  • Anyone who wants to learn to make a JavaScript game without any libraries
  • Web developers
  • Webmasters