Advanced HTML5 Game Development

Create interactive, dynamic, and colorful games using HTML5. Learn how to create graphics and the main stage, add the basic game logic, test and debug your game, and more.

Discover how to create interactive, dynamic, and colorful games using HTML5. In this course, learn how to take full advantage of all the HTML5 features to create advanced games. Join Daniel Albu as he takes you through how to build a breakout-style game using CreateJS—a suite of libraries and tools that can be leveraged to enable interactive web content via HTML5. He shows how to use CreateJS to control the visuals, input, and sounds, and basic JavaScript for the game logic itself. In addition, Daniel explains how to test and debug your game for Chrome, Firefox, Android, and iOS, and tackle common errors and troubleshooting.

Note: This course was created by Packt Publishing. We are pleased to host this training in our library.

1. CreateJS

• The course overview
• CreateJS overview
• Playing sounds in various browsers using SoundJS
• Tweening objects using TweenJS
• Loading graphic assets using PreloadJS

2. Game Outline

• Creating the graphic assets
• Creating basic animations
• Game stage creation and object positioning

3. Game Logic

• Game logic overview
• Adding the basic game logic: Part 1
• Adding the basic game logic: Part 2
• Adding the game physics: Part 1
• Adding the game physics: Part 2
• Adding the game physics: Part 3
• Creating the scoring system

4. Planning Your Second Game

• Adding mouse controls
• Adding keyboard controls
• Mobile support
• Saving the game data

5. Testing and Debugging the Game

• Chrome developer console overview
• Debugging with breakpoints in Chrome
• Firefox debugging
• Debugging on Android
• Debugging on iOS

6. Character Movement and Input Handling

• Common errors
• Troubleshooting

Conclusion

• Goodbye