HTML5 Game Development
HTML5 Game Development is a 3 day training course which teaches you how to use HTML5 to create professional and fully functional games. You will learn to make use of a number of 3rd party gaming libraries, create 3D assets, handle things like collision detection, animation, textures and more.
During the course you will work with a number of libraries such as createjs, box2dweb, sheetenginejs and threejs, as well as applications such as construct2 and TexturePacker to create fully functional html5 games.
Audience
You should be comfortable working with HTML, CSS and JavaScript and have completed the HTML5 Getting Started and HTML5 Advanced courses or have equivalent skills already. During the course you will be required to read and write JavaScript code.
Course Overview
Project 1 (2D Games with no library)
- Side scroller
- Spritesheets
- Loading the spritesheet into the canvas
- Run left
- Run right
- Jump
- Climbing
- Fighting
- Dying
- Parallax
- Adding sound
Project 2 (using createjs)
- Loading spritesheets
- Creating a game
- Running and jumping
- Climbing, fighting qnd dying
- Parallax
- Adding sound
Project 3 (using construct2)
- Creating your game assets with photoshop etc
- Creating a game
- Adding sound
- Creating your 2D games assets
- Photoshop, gimp, illustrator, etc
- Backgrounds, tilable images
- Where to get assets
Project 4 (Isometric games - using sheetenginejs)
- Creating an isometric scene
- Creating isometric assets Importing assets
- Animating your assets
- Collision detection
- Light source Camera
Project 5 - 3D Games
- Creating your lowpoly assets with Blender
- Creating your 3D scene with threejs
- Importing your assets
- Animating your assets