Learn HTML 5 Game Development : Create Cross Platform Games

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.

Rating Distribution

• 1 stars: 1 votes
• 2 stars: 0 votes
• 3 stars: 0 votes
• 4 stars: 0 votes
• 5 stars: 0 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!