print
Course Name
Create HTML5 Games From Scratch

Contact Hours: 20

Course Description
Making games is a lot easier than you think. Imagine you could learn how to make HTML5 games that run in all browsers and Windows 8. Well, that is exactly what this course does. We know you've always wanted to make your own games. Don't keep postponing it. 

Learn how to create a Zelda-like action game demo from scratch using only Javascript and HTML. Knowing the basics of HTML and Javascript is recommended.

WHO IS THIS COURSE FOR?

This course is aimed for both beginners with some HTML and JavaScript experience and more advanced users who may have HTML5 experience but haven't got into games yet.

CAN I BUILD GAMES FOR THE IPAD?

Yes. Actually, you can build games for iPad, iPhone, iPod, Android phones and tablets, Windows phones and tablets, Blackberry, Facebook, Google Chrome and the web, just to name a few.



Outcome
WHAT YOU WILL LEARN

  • Creating a basic game that can be embed in any website and can be played with just a web browser. Displaying a map and characters on the screen.
  • Moving a player on this map.
  • Using collision detection to simulate the shooting of bad guys.
  • Adding enemies to your games.
  • Adding sound to your games.
  • Putting it all together to create a fun playable demo.

Assessment
This course allows for self-directed work and does not require that you take a test. Apply what you have learned to your own projects.

Outline
Module 1: Drawing the Background

Course preview
Drawing the background
Drawing the background: Part 2
Drawing the background: Part 3
Drawing the background: Part 4
Drawing the background: Part 5
Source code

Module 2: Update, Draw and Loop

Updating, drawing and looping
Source files

Module 3: Drawing the Player

Drawing the player: Part 1
Drawing the player: Part 2
Drawing the player: Part 3
Source Code

Module 4: Controlling the Player

Controlling the player: Part 1
Controlling the player: Part 2
Controlling the player: Part 3
Controlling the player: Part 4
Source code

Module 5: Blocking Objects

Blocking objects: Part 1
Blocking objects: Part 2
Blocking objects: Part 3
Blocking objects: Part 4
Source code

Module 6: Drawing Enemies

The bad guys
The bad guys: Part 2
Source code

Module 7: Moving Enemies

Moving enemies
Moving enemies: Part 2
Source code

Module 8: Shoot!

Shoot!
Shoot! Part 2!
Source code

Module 9: Bullet Collisions

Bullet collisions
Source code

Module 10: The Game is Ready!

The game is ready!
Source code