JavaScript Game Development Step by Step
4.5 (252 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.
3,413 students enrolled

JavaScript Game Development Step by Step

Create 3 JavaScript games step by step in 1 course, learn animations and publish your games on free GitHub page.
Bestseller
4.5 (252 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.
3,413 students enrolled
Created by Next Edge Coding
Last updated 4/2018
English
English [Auto]
Current price: $69.99 Original price: $99.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 7 hours on-demand video
  • 2 articles
  • 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
  • Gain an in-depth understanding of HTML canvas
  • Create any type of animations in the HTML canvas using JavaScript
  • Build your own JavaScript games from Scratch
  • Learn to build games with external resources
Course content
Expand all 71 lectures 07:08:01
+ Prerequisites of the Course
2 lectures 02:48
How to get course repository and other stuff?
00:31
+ Introduction to Canvas and JavaScript
9 lectures 56:49
Drawing Elements in the Canvas
05:39
Canvas State
06:22
Introduction to JavaScript Objects
06:34
Introduction to JavaScript functions
07:36
Understanding the setInterval() function
07:27
User inputs & Event Handling
10:59

There are 5 questions in this quiz. Try to answer all of them correctly and you will be ready to go to the next section.

Test Your Skills
5 questions
+ Building the Snake Game
17 lectures 01:41:10
Overview of the Section
01:45
Getting started with the Project
02:39
Declaring Objects of the Game
05:10
Initializing the Snake and Food
04:29
Drawing the Snake
08:22
Getting the user inputs
05:09
Updating Snake Position
10:10
Moving our Snake
09:12
Dealing with the boundary conditions
05:12
Drawing Food for the Snake
07:00
Snake eats Food - Part 1
08:20
Snake eats Food - Part 2
06:02
Adding Game Over condition - Part 1
07:05
Adding Game Over condition - Part 2
05:37
Adding Scoring to the Game
02:36
Initial Screen of the Game
07:45

There are 5 questions in this quiz. Try to answer all of them correctly and you will be ready to go to the next section.

Test Your Skills
5 questions
+ Building the Breakout Game
16 lectures 01:28:23
Overview of the Section
01:33
Getting started with the Project
02:40
Declaring Objects of the Game
03:27
Drawing Ball and Base
07:53
Updating the Base position
08:02
Getting the user inputs
05:06
Moving the Base
03:05
Updating the Ball position
06:06
Collision between Base and Ball
07:47
Initializing the Enemy Tiles
09:56
Drawing the Enemy Tiles
05:25
Tile and Ball collision
04:15
Adding Scoring and Lives to the game
05:58
Adding Game Over condition
02:19
Increasing Game difficulty with time
08:59

There are 5 questions in this quiz. Try to answer all of them correctly and you will be ready to move to the next section.

Test Your Skills
5 questions
+ More elements of the Game
6 lectures 49:04
A Short note
00:14
Tracking mouse movement
19:52
Building a Shooter - Part 1
06:05
Building a Shooter - Part 2
10:00
Adding Pause Screen to your Game
04:16
Adding Sound to your Game
08:37
+ Building Cupcake Catcher Game
20 lectures 02:01:23
Getting started with the Project
05:47
Declaring Objects of the Game
05:15
Initializing the game
06:37
Drawing the tiles
03:59
Drawing the Catcher
03:39
Adding animation to the Catcher
02:07
Moving the Catcher
08:00
Learning the jump function
11:38
Adding jumping animation
03:23
Initializing the cupcakes
04:56
Drawing the cupcakes
05:23
Defining the collision functions
08:01
Using the food collisions
04:14
Learning about gravity
07:11
Adding levels and scoring
07:49
Game Over condition
08:43
Click to start or restart
03:58
Adding sound to the game
06:48
Adding Pause Screen to the game
06:19

There are 5 questions in this quiz. Try to answer all of them correctly and you will be ready to move to the next section.

Test Your Skills
5 questions
Requirements
  • You should have basic knowledge of HTML
  • You should have basic understanding of JavaScript
Description

In this course you will learn about all the tools needed for creating casual games in JavaScript. In the first section you will learn about various components of JavaScript and HTML that would be required in game development.

In the succeeding sections you will create two games: Snake and Breakout step by step along with me. You will also learn about several other elements of the games that you can apply to your own game later on.

In the last section of the course you will also learn to publish your game online.

So, there's a lot to learn in this course and it will surely benefit you if you are planning to step into the world of JavaScript game development.

Who this course is for:
  • Anyone who wants to explore the field of game development using JavaScript