JavaScript Game Development Step by Step

JavaScript Game Development Step by Step, available at $54.99, has an average rating of 4.2, with 71 lectures, 4 quizzes, based on 330 reviews, and has 3865 subscribers.

You will learn about 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 This course is ideal for individuals who are Anyone who wants to explore the field of game development using JavaScript It is particularly useful for Anyone who wants to explore the field of game development using JavaScript.

Enroll now: JavaScript Game Development Step by Step

Summary

Title: JavaScript Game Development Step by Step

Price: $54.99

Average Rating: 4.2

Number of Lectures: 71

Number of Quizzes: 4

Number of Published Lectures: 71

Number of Published Quizzes: 4

Number of Curriculum Items: 75

Number of Published Curriculum Objects: 75

Original Price: $89.99

Quality Status: approved

Status: Live

What You Will 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

Who Should Attend

Anyone who wants to explore the field of game development using JavaScript

Target Audiences

Anyone who wants to explore the field of game development using JavaScript

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.

Course Curriculum

Chapter 1: Prerequisites of the Course

Lecture 1: Prerequisites

Lecture 2: How to get course repository and other stuff?

Chapter 2: Introduction to Canvas and JavaScript

Lecture 1: Overview of the Section

Lecture 2: Introduction to Canvas

Lecture 3: Drawing Elements in the Canvas

Lecture 4: Canvas State

Lecture 5: Introduction to JavaScript Objects

Lecture 6: Drawing Objects in the Canvas

Lecture 7: Introduction to JavaScript functions

Lecture 8: Understanding the setInterval() function

Lecture 9: User inputs & Event Handling

Chapter 3: Building the Snake Game

Lecture 1: Overview of the Section

Lecture 2: Getting started with the Project

Lecture 3: Declaring Objects of the Game

Lecture 4: Initializing the Snake and Food

Lecture 5: Drawing the Snake

Lecture 6: Getting the user inputs

Lecture 7: Updating Snake Position

Lecture 8: Moving our Snake

Lecture 9: Dealing with the boundary conditions

Lecture 10: Drawing Food for the Snake

Lecture 11: Snake eats Food – Part 1

Lecture 12: Snake eats Food – Part 2

Lecture 13: Adding Game Over condition – Part 1

Lecture 14: Adding Game Over condition – Part 2

Lecture 15: Adding Scoring to the Game

Lecture 16: Initial Screen of the Game

Lecture 17: Game is ready

Chapter 4: Building the Breakout Game

Lecture 1: Overview of the Section

Lecture 2: Getting started with the Project

Lecture 3: Declaring Objects of the Game

Lecture 4: Drawing Ball and Base

Lecture 5: Updating the Base position

Lecture 6: Getting the user inputs

Lecture 7: Moving the Base

Lecture 8: Updating the Ball position

Lecture 9: Collision between Base and Ball

Lecture 10: Initializing the Enemy Tiles

Lecture 11: Drawing the Enemy Tiles

Lecture 12: Tile and Ball collision

Lecture 13: Adding Scoring and Lives to the game

Lecture 14: Adding Game Over condition

Lecture 15: Basic Game ready

Lecture 16: Increasing Game difficulty with time

Chapter 5: More elements of the Game

Lecture 1: A Short note

Lecture 2: Tracking mouse movement

Lecture 3: Building a Shooter – Part 1

Lecture 4: Building a Shooter – Part 2

Lecture 5: Adding Pause Screen to your Game

Lecture 6: Adding Sound to your Game

Chapter 6: Building Cupcake Catcher Game

Lecture 1: Getting started with the Project

Lecture 2: Loading the resources

Lecture 3: Declaring Objects of the Game

Lecture 4: Initializing the game

Lecture 5: Drawing the tiles

Lecture 6: Drawing the Catcher

Lecture 7: Adding animation to the Catcher

Lecture 8: Moving the Catcher

Lecture 9: Learning the jump function

Lecture 10: Adding jumping animation

Lecture 11: Initializing the cupcakes

Lecture 12: Drawing the cupcakes

Lecture 13: Defining the collision functions

Lecture 14: Using the food collisions

Lecture 15: Learning about gravity

Lecture 16: Adding levels and scoring

Lecture 17: Game Over condition

Lecture 18: Click to start or restart

Lecture 19: Adding sound to the game

Lecture 20: Adding Pause Screen to the game

Chapter 7: Bonus – Publishing Your Game

Lecture 1: How to publish your game in GitHub pages?

Instructors

Next Edge Coding
Full Stack Developer & Data Enthusiast

Rating Distribution

1 stars: 4 votes

2 stars: 4 votes

3 stars: 37 votes

4 stars: 78 votes

5 stars: 207 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

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!