Make your own animated 2D games 

What you'll 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 

Requirements

Basic knowledge of HTML, CSS & javascript is needed to follow this course 

Access to code editor and internet browser 

Description 

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. ) 

Who this course is for 

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

Coding students