Udemy

Car Racer JavaScript Game Exercise Vanilla JavaScript

Enroll Now
  • 1,822 Students
  • Updated 11/2024
4.3
(31 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 23 Minute(s)
Language
English
Taught by
Laurence Svekis
Rating
4.3
(31 Ratings)
2 views

Course Overview

Car Racer JavaScript Game Exercise Vanilla JavaScript

Explore how to create a custom JavaScript Car racer game from scratch using only JavaScript - Practice Exercise

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!!!!



Course Content

  • 2 section(s)
  • 32 lecture(s)
  • Section 1 Introduction to JavaScript Car Racer Exercise
  • Section 2 Bonus Section

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


Reviews

  • J
    Joshua Jackson
    5.0

    very cool

  • T
    Tan Ahmed
    4.5

    Fantastic course - would like to see more advanced concepts in the future and some mobile-first games.

  • T
    Tarun Sharma
    1.0

    The description says that we need to have beginner level skills,but there are many advanced property used which was not explained in detail.There are cuts made which shows that the teacher isn't sure about his code.Please add more detail to your code.many students doesn't have experience in gaming understand this and explain the concept step-wise.Thank youu.

  • A
    Ali Hussain Dhuniya
    4.0

    Awesome Course bro.I like the way you teach from Scratch.

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed