Car Racer JavaScript Game Exercise Vanilla JavaScript Online Course

Car Racer JavaScript Game Exercise Vanilla JavaScript

Practice and learn more about JavaScript while building a fun interactive car racing game from scratch. No libraries, no shortcuts just learning JavaScript! Source code is included to get you...

All levels
English

Course Description

Practice and learn more about JavaScript 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 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. 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. Start building your own version of the game today!!!!

See more less

What you’ll learn

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

Covering Topics

Section 1 : Introduction to JavaScript Car Racer Exercise

Curriculum

  Section 1 : Introduction to JavaScript Car Racer Exercise
1
Car Racer Introduction. Preview
2
New JavaScript Racer Game Exercise
3
HTML setup container
4
Car images Download
5
Gameplay CSS setup styling
6
JavaScript Element Selection
7
JavaScript Event Listeners Preview
8
Setup Player Car and Start Functions
9
Source Code Index and CSS
10
JavaScript Road Building
11
Interaction with Keyboard
12
JavaScript Source Code
13
Update Dashboard Values
14
Moving Road JavaScript Preview
15
Tweak moving road Side move
16
Source Code
17
Keep player on the road
18
Source Code
19
JavaScript Game Adding other Cars
20
Making other cars move
21
JavaScript Element Collision detection Element Overlap Detection
22
Crash Checker JavaScript Collide
23
Source Code
24
JavaScript Game Over end Game planning
25
Enemy collision detection Car hit Car Check
26
Source Code
27
Final Game Over Play JavaScript
28
Next level Restart Game
29
JavaScript Exercise Code Review and Overview
30
Final Source Code

Frequently Asked Questions

It is an online tutorial that covers a specific part of a topic in several sections. An Expert teaches the students with theoretical knowledge as well as with practical examples which makes it easy for students to understand.

A Course helps the user understand a specific part of a concept. While a path and E-Degrees are broader aspects and help the user understand more than just a small area of the concept.

A Course will help you understand any particular topic. For instance, if you are a beginner and want to learn about the basics of any topic in a fluent manner within a short period of time, a Course would be best for you to choose.

We have an inbuilt question-answer system to help you with your queries. Our support staff will be answering all your questions regarding the content of the Course.