Learn HTML 5 Game Development : Create Cross Platform Games

Brief Summary

This course is all about making awesome 2D games using HTML 5. You’ll learn how to use the Canvas API to draw graphics and create interactive gameplay that works on any device with a browser. It's perfect for creative folks looking to dive into game development!

About This Course

Learn to create HTML Games that can be used on any device with a modern web browser.

HTML 5 Game Development is what we call game development that runs in a browser, that uses the exact same languages and tools of front-end development. By knowing HTML, CSS and JavaScript it is already possible to create simple games able to run on your every platform equipped with a browser. But that has been possible for a long time and, although some pretty addictive games can be created using that technology, to talk about HTML 5 game development is to talk about the canvas API.

Canvas is a simple yet powerful api that allows to draw graphics via scripting, having control on every single individual pixel. It can be used for both 2D graphics and 3D graphics (through webgl), but in this series of articles I will focus on 2D since it is the only context I have experience with and doesn’t require use to learn to use a completely different language.

This course will teach you how to create an HTML 5 2d game from scratch that will run on all platforms and devices that have a web browser.  What this means is that HTML games are cross platform. The huge advantage of creating your games in HTML 5 is that you can use completely free tools to create the games. Also you only have to write the code once and use it on any device or platform with a web browser.

To have a better understanding of this course you are expected to have a basic working knowledge of Html, Css and JavaScript. I will be including some refreshers as a guide.   

In this course our project will be to create a complete 2d HTML game that can be played on any device or platform.  We will be rendering our game inside HTML 5 canvas element of which you get some basic training on what is a canvas and how to create one and also draw on it.   

What you’ll learn in this course: 

• What is a canvas?

• HTML Refresher quick course

• CSS Refresher quick course

• JAVASCRIPT   Refresher quick course

• Understanding Co-ordinates

• How to draw graphics

• Create a complete 2d HTML Game

After completing this course you will have enough creative skills to create your own games and web apps using HTML 5. 

Thank you and welcome to the course.

• Create a complete 2d game in HTML 5

• Create your own Canvas

• Understand how co-ordinates works