4.29 out of 5
4.29
168 reviews on Udemy

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.
Instructor:
Next Edge Coding
2,935 students enrolled
English [Auto-generated]
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

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.

Prerequisites of the Course

1
Prerequisites
2
How to get course repository and other stuff?

Introduction to Canvas and JavaScript

1
Overview of the Section
2
Introduction to Canvas
3
Drawing Elements in the Canvas
4
Canvas State
5
Introduction to JavaScript Objects
6
Drawing Objects in the Canvas
7
Introduction to JavaScript functions
8
Understanding the setInterval() function
9
User inputs & Event Handling
10
Test Your Skills

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.

Building the Snake Game

1
Overview of the Section
2
Getting started with the Project
3
Declaring Objects of the Game
4
Initializing the Snake and Food
5
Drawing the Snake
6
Getting the user inputs
7
Updating Snake Position
8
Moving our Snake
9
Dealing with the boundary conditions
10
Drawing Food for the Snake
11
Snake eats Food - Part 1
12
Snake eats Food - Part 2
13
Adding Game Over condition - Part 1
14
Adding Game Over condition - Part 2
15
Adding Scoring to the Game
16
Initial Screen of the Game
17
Game is ready
18
Test Your Skills

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.

Building the Breakout Game

1
Overview of the Section
2
Getting started with the Project
3
Declaring Objects of the Game
4
Drawing Ball and Base
5
Updating the Base position
6
Getting the user inputs
7
Moving the Base
8
Updating the Ball position
9
Collision between Base and Ball
10
Initializing the Enemy Tiles
11
Drawing the Enemy Tiles
12
Tile and Ball collision
13
Adding Scoring and Lives to the game
14
Adding Game Over condition
15
Basic Game ready
16
Increasing Game difficulty with time
17
Test Your Skills

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.

More elements of the Game

1
A Short note
2
Tracking mouse movement
3
Building a Shooter - Part 1
4
Building a Shooter - Part 2
5
Adding Pause Screen to your Game
6
Adding Sound to your Game

Building Cupcake Catcher Game

1
Getting started with the Project
2
Loading the resources
3
Declaring Objects of the Game
4
Initializing the game
5
Drawing the tiles
6
Drawing the Catcher
7
Adding animation to the Catcher
8
Moving the Catcher
9
Learning the jump function
10
Adding jumping animation
11
Initializing the cupcakes
12
Drawing the cupcakes
13
Defining the collision functions
14
Using the food collisions
15
Learning about gravity
16
Adding levels and scoring
17
Game Over condition
18
Click to start or restart
19
Adding sound to the game
20
Adding Pause Screen to the game
21
Test Your Skills

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.

Bonus - Publishing Your Game

1
How to publish your game in GitHub pages?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.3
4.3 out of 5
168 Ratings

Detailed Rating

Stars 5
124
Stars 4
25
Stars 3
15
Stars 2
2
Stars 1
2
9a448d56188a2134a7bf952fa3d0ffe5
30-Day Money-Back Guarantee

Includes

7 hours on-demand video
2 articles
Full lifetime access
Access on mobile and TV
Certificate of Completion