HTML5 Game Development by Example, 2nd Edition

Make the most of HTML5 techniques to create exciting games from scratch

About This Book

• Get to grips with the latest HTML5, Canvas, CSS, and JavaScript techniques
• Learn to create exciting puzzle games, action games, multiplayer, and Box2D physics
• A task-based approach to achieve practical skills required for game development

Who This Book Is For

This book is for web designers who have a basic knowledge of HTML, CSS, and JavaScript and want to create Canvas or DOM-based games that run on browsers.

What You Will Learn

• Build real-time network multiplayer games
• Add physics to your canvas games by using the Box2D physics engine
• Build a CSS3-driven card game with transform and 3D flipping effects
• Learn to add sounds to your games
• Make a drawing tool in Canvas
• Create multiple layers in a canvas game
• Store game data persistently by using local storage
• Use sprite sheets to create frame-based animation

In Detail

HTML5 is a markup language used to structure and present content for the World Wide Web and is a core technology of the Internet. It is supported across different platforms and is also supported by various browsers. Its innovative features, such as canvas, audio, and video elements, make it an excellent game building tool.

HTML5 Game Development by Example Beginner’s Guide Second Edition is a step-by-step tutorial that will help you create several games from scratch, with useful examples. Starting with an introduction to HTML5, the chapters of this book help you gain a better understanding of the various concepts and features of HTML5. By the end of the book, you’ll have the knowledge, skills, and level of understanding you need to efficiently develop games over the network using HTML5.

Table of Contents

Chapter 1: Introducing HTML5 Games
Chapter 2: Getting Started with DOM-based Game Development
Chapter 3: Building a Card Matching Game in CSS3
Chapter 4: Building the Untangle Game with Canvas and the Drawing API
Chapter 5: Building a Canvas Game’s Masterclass
Chapter 6: Adding Sound Effects to Your Games
Chapter 7: Saving the Game’s progress
Chapter 8: Building a Multiplayer Draw-and-Guess Game with WebSockets
Chapter 9: Building a Physics Car Game with Box2D and Canvas
Chapter 10: Deploying HTML5 Games
Appendix: Pop Quiz Answers