Learn Game Development with JavaScript

Learn Game Development with JavaScript, available at $89.99, has an average rating of 4.64, with 38 lectures, based on 276 reviews, and has 10880 subscribers.

You will learn about Build 2d games with HTML, CSS & JavaScript, no frameworks and no libraries Explore web animation techniques with HTML canvas element Practice Object Oriented Programming Discover and learn 5 fundamental techniques of 2D game development and use them in a real project This course is ideal for individuals who are Beginner front end web developers curious about animation and 2D games or Coding students It is particularly useful for Beginner front end web developers curious about animation and 2D games or Coding students.

Enroll now: Learn Game Development with JavaScript

Summary

Title: Learn Game Development with JavaScript

Price: $89.99

Average Rating: 4.64

Number of Lectures: 38

Number of Published Lectures: 38

Number of Curriculum Items: 38

Number of Published Curriculum Objects: 38

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Build 2d games with HTML, CSS & JavaScript, no frameworks and no libraries

Explore web animation techniques with HTML canvas element

Practice Object Oriented Programming

Discover and learn 5 fundamental techniques of 2D game development and use them in a real project

Who Should Attend

Beginner front end web developers curious about animation and 2D games

Coding students

Target Audiences

Beginner front end web developers curious about animation and 2D games

Coding students

Games should be exciting, full of secrets and special features! Let me take you step by step though my creative process and show you how I build unique game worlds for players to have adventures in. I will explain every line of code as we write it. Let’s practise object oriented programming and use HTML, CSS and plain vanilla JavaScript to build a game. There will be no frameworks and no libraries, because we want deep understanding of how things work under the hood.

Let’s explore an alien planet and it’s mechanical life forms in a steampunk themed 2D side scroller. We will learn how to implement:

Sprite animation

Parallax backgrounds

Collision detection

Power ups

Different enemy types that alter the gameplay

and many other features of 2D game development

If you are a beginner front end web developer curious about game development, creative coding & web animation, come join me and learn how to create beautiful visuals for your games, and how to implement unique game features that will make your project stand out. Have fun!

(In this class I am giving away a lot of free game art assets for characters, environments and props. These were created by me or artists I hired, there is no copyright. Feel free to use them for any of your personal projects if you want. )

Course Curriculum

Chapter 1: Coding

Lecture 1: HTML & CSS setup

Lecture 2: Basic JavaScript setup

Lecture 3: Object Oriented Programming with JavaScript

Lecture 4: Creating Player & Game objects

Lecture 5: Animation loop

Lecture 6: Keyboard inputs

Lecture 7: Creating projectiles

Lecture 8: Periodic events

Lecture 9: Draw game UI

Lecture 10: Base enemy class

Lecture 11: Collision detection between rectangles

Lecture 12: Drawing game score

Lecture 13: Win and lose condition

Lecture 14: Counting game time

Lecture 15: Animated parallax backgrounds

Lecture 16: Sprite animation with JavaScript

Lecture 17: Creating a debug mode

Lecture 18: Animating enemy sprite sheets

Lecture 19: Night Angler enemy class

Lecture 20: Lucky Fish enemy class

Lecture 21: Collecting power ups

Lecture 22: Drawing projectiles as images

Lecture 23: Custom fonts and game text

Lecture 24: Cleaning up

Lecture 25: Particle effects and physics

Lecture 26: Particle rotation

Lecture 27: Tweaks and fixes

Lecture 28: Hive Whale enemy class

Lecture 29: Drone enemy class

Lecture 30: Dust effect animation

Lecture 31: Fire effect animation

Lecture 32: Tuning game difficulty

Lecture 33: Bulb Whale enemy class

Lecture 34: Moon Fish enemy type

Lecture 35: Sounds

Lecture 36: Animated shield

Lecture 37: Animated projectiles

Lecture 38: Whats next?

Instructors

Frank Dvorak
Front End Web Developer & Instructor at Franks Laboratory

Rating Distribution

1 stars: 3 votes

2 stars: 4 votes

3 stars: 23 votes

4 stars: 67 votes

5 stars: 179 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!