Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Personal Transformation Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Online Business Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Game Development Web Game Design

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.
Highest Rated
Rating: 4.8 out of 54.8 (297 ratings)
3,687 students
Created by Next Edge Coding
Last updated 4/2018
English
English [Auto]
30-Day Money-Back Guarantee

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

7 sections • 71 lectures • 7h 8m total length

  • Preview02:17
  • How to get course repository and other stuff?
    00:31

  • Preview00:22
  • Preview06:32
  • Drawing Elements in the Canvas
    05:39
  • Canvas State
    06:22
  • Introduction to JavaScript Objects
    06:34
  • Preview05:18
  • Introduction to JavaScript functions
    07:36
  • Understanding the setInterval() function
    07:27
  • User inputs & Event Handling
    10:59
  • Test Your Skills
    5 questions

  • 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
  • Preview04:37
  • Test Your Skills
    5 questions

  • 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
  • Basic Game ready
    Preview05:52
  • Increasing Game difficulty with time
    08:59
  • Test Your Skills
    5 questions

  • 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

  • Getting started with the Project
    05:47
  • Preview07:36
  • 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
  • Test Your Skills
    5 questions

  • Preview08:23

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

Instructor

Next Edge Coding
Full Stack Developer & Data Enthusiast
Next Edge Coding
  • 4.3 Instructor Rating
  • 2,130 Reviews
  • 17,782 Students
  • 3 Courses

I am a developer, gadget geek and data enthusiast. I am currently doing my Bachelors in Computer Science in India. I have been programming since the age of 12 and it's the thing I enjoy doing most.

I have experience of working on several real life projects based on Machine Learning, Natural Language Processing, Big Data with Hadoop and Spark, JavaScript, Front and back end web development and may more. 

Currently I have 7000+ happy students on Udemy and still counting. Teaching is not my profession but passion. Whenever I learn something, I just love to share it with other people and that interest has brought me to this diverse platform.

By the way, thank you for reading all that. Peace.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.